28173 sujets

CSS et mise en forme, CSS3

bonjour,

j'ai un souci avec mes bordures et espacements sur mes images.

J'ai une table d'images, chaque image à une bordure de 2px blanche et orange lors du survol. J'effectue un padding droite et haut sur les td de ma table mais l'espacement ne se fait tout le temps sous ie. Quand on fait un survol sur les images alors l'espacement revient à la normale...
Smiley sweatdrop Smiley sweatdrop Smiley confus

voilà le pb:
upload/11196-iepb1.jpg

Normalement ca doit donner ca:
upload/11196-ienormal.jpg


le code css :
main = identifiant de ma table


#main{
	margin-top:25px;
/*	border:1px solid red;*/
	color:white;
	font-family:Times New Roman,Arial;
	font-size:11px;
}

#main img{
	border:none;	
}

#main a{
	float: left;	/*pour un comportement de type bloc*/
	border:none;
	border : 2px solid white;
	/*line-height: 1px;*//*PB sous IE , pour l'espace blanc en dessous de l'image sous Mozilla*/
}

#main a:hover {
	border: 2px solid #f19300;
	background-color:orange;
}

#main td{
	padding-right:25px;
	padding-bottom:10px;
} 
 

Merci
Modifié par bru2336 (04 Mar 2007 - 22:28)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif