Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2140 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bords arrondis autour d'une image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Bords arrondis autour d'une image

n°1748041
El_gringo
Posté le 18-06-2008 à 10:54:36  profilanswer
 

Alors voila mon problème.  
Mon objectif :  
http://www.hebergementimages.com/images/1213779140_objectif.png
Mon rendu actuel (avec le coin de l'image qui dépasse, en haut à gauche):  
http://www.hebergementimages.com/images/1213779208_reel.png
L'image utilisée en haut de block :
http://www.hebergementimages.com/images/1213779229_top.gif
 
J'ai le code HTML suivant (dans la mesure du possible, j'aimerai ne pas le modifier) :  

<div class="repeat">
  <div class="top">
    <div class="bottom">
      <img src="Resources.File.jpeg" alt="illustration de test"/>
      <div class="content">
 
        <p>Coucou</p>
        <p>C'est moi</p>
      </div>
    </div>
  </div>
</div>


 
Et enfin, mes css :  

body {background-color: #EAE6D1;}
img {
  width: 366px; height: 58px;
  padding: 1px 0 0 2px;
  position: relative; z-index: 1;
}
div {width: 556px;}
div.top {
  background-color: white;
  background:transparent url(top.gif) no-repeat scroll 0% 0%;
  position: relative; z-index: 2;
}
 
div.repeat {
  background:transparent url(repeat.gif) repeat-y scroll 0% 0%;
  margin:0pt 0pt 10px;
  width:556px;
}
div.bottom {
  background:transparent url(bottom.gif) no-repeat scroll center bottom;
  height:auto !important;
  min-height:100px;
}
div.content {padding: 5px;}


 
Quelqu'un saurait pourquoi je n'arrive pas à changer cet ordre de superposition ?

mood
Publicité
Posté le 18-06-2008 à 10:54:36  profilanswer
 

n°1748125
gatsu35
Blablaté par Harko
Posté le 18-06-2008 à 13:48:23  profilanswer
 

c'est totalement normal, puisque tu as une image de fond sur l'élément qui contient ton <img> donc tu ne pourras jamais faire passer ton coin arrondi par dessus ton image

n°1748146
El_gringo
Posté le 18-06-2008 à 14:09:49  profilanswer
 

Et en modifiant le code HTML, je peux faire comment alors !?

n°1748223
gatsu35
Blablaté par Harko
Posté le 18-06-2008 à 15:15:47  profilanswer
 
n°1748583
El_gringo
Posté le 18-06-2008 à 20:03:23  profilanswer
 

C'est cool, merci.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bords arrondis autour d'une image

 

Sujets relatifs
afficher membre connecté avec une image perso[JSP] Mysql image dans blob
AS3 : Débuts difficiles => Resizer une image apres chargementVisionneuse d'image dans un popup
[Resolu]Delphi/Directx : Plus d'image en grande résolutionProbleme reassemblage d'image
Superposition d'image et fond cliquableRedimensionner une image pour reso inferieur
impossible de trouver le problème : affichage d'imagecomment enregistrer une image une fois redimensionnée
Plus de sujets relatifs à : Bords arrondis autour d'une image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR