28172 sujets

CSS et mise en forme, CSS3

[Résolu] Photo qui dépasse son cadre

Bonjour à tous,

j'ai un souci au niveau de quelques photos qui dépasse leur cadre...

Voci le code css :




.up_photo_mini
{
float:left;
display:inline;
margin-left:15px;
margin-top:10px;
width:70px;
height:70px;
border:3px solid white;
border:none;
/*border:1px solid black;*/
}


et le code html :




<div class="carre06"><div class="up_photo_mini_all"><div class="up_photo_mini"><a href="images/photo/33//60.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/60.jpeg" alt="Image" /></a></div><div class="up_photo_mini"><a href="images/photo/33//65.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/65.jpeg" alt="Image" /></a></div><div class="up_photo_mini"><a href="images/photo/33//64.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/64.jpeg" alt="Image" /></a></div><div class="up_photo_mini"><a href="images/photo/33//61.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/61.jpeg" alt="Image" /></a></div><div class="up_photo_mini"><a href="images/photo/33//63.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/63.jpeg" alt="Image" /></a></div><div class="up_photo_mini"><a href="images/photo/33//62.jpeg" alt="Image"" rel="lightbox[roadtrip]"><img src="images/photo/33/mini/62.jpeg" alt="Image" /></a></div></div></div>


la page en ligne est celle-ci

http://www.swapnfly.fr/profiladh-logement-etudiant-33.html
Modifié par samb01 (29 Jan 2011 - 15:11)
Bonjour, as-tu plus de détails sur ton problème ? Sur la page que tu as donnée en lien, je ne vois pas le problème dont tu parles. Sur quel navigateur as-tu testé ?
Bonjour,

j'ai mis un border:1px solid black;

afin que tu puisse mieux comprendre mon problème.

Rafraîchis la page et tu verras que la photo le plus à droite sort du cadre.
bonjour,

overflow : hidden;


à tester sous ie.
Modifié par rs459 (29 Jan 2011 - 07:40)
Sujet clos
Aller à