Bords arrondis autour d'une image
Bords arrondis autour d'une image - HTML/CSS - Programmation
Marsh Posté le 18-06-2008 à 13:48:23
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
Marsh Posté le 18-06-2008 à 14:09:49
Et en modifiant le code HTML, je peux faire comment alors !?
Marsh Posté le 18-06-2008 à 15:15:47
Reply
Sujets relatifs:
- afficher membre connecté avec une image perso
- [JSP] Mysql image dans blob
- AS3 : Débuts difficiles => Resizer une image apres chargement
- Visionneuse d'image dans un popup
- [Resolu]Delphi/Directx : Plus d'image en grande résolution
- Probleme reassemblage d'image
- Superposition d'image et fond cliquable
- Redimensionner une image pour reso inferieur
- impossible de trouver le problème : affichage d'image
- comment enregistrer une image une fois redimensionnée
Marsh Posté le 18-06-2008 à 10:54:36
Alors voila mon problème.
Mon objectif :
Mon rendu actuel (avec le coin de l'image qui dépasse, en haut à gauche):
L'image utilisée en haut de block :
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 ?