28173 sujets

CSS et mise en forme, CSS3

Bonjour

Voila mon petit probleme j'ai un menu simple en css et sous ie le texte n'est pas aligner verticalement et donc cela n'affiche pas ma bordure du haut par contre sous firefox pas de probleme.

Voila l'url du site :http://www.franchise-selection.com

Je vous joint le code css

#menu6 a {
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	font: bold 12px/12px verdana;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#073571;
	padding:0.6em 0.1em;
	margin:0;


border: 1px solid #073571;
  }

#menu6 a:hover {
font-family: Arial, Helvetica, sans-serif;
	display:inline;
	font: bold 12px/12px verdana;
	text-align:center;
	text-decoration:none;
	padding:0.6em 0.1em;
	margin:0;
	background:white;
	color: #073571;
	border: 1px solid #073571;


  }


je suppose que cela vient que ie et firefox n'interpret pas pareil le padding mais je vois pas comment resoudre ce prob,

merci

@++
Je pense que c'est plutot dans la façon dont tu as organisé ton code ;
d'abord il y en a trop .. les propriétés que tu as défini pour #menu6 a tu ne dois pas les redéfinir pour #menu6 a:hover si elles ne changent pas.
Ensuite je crois que ton problème viens de ce que tu definis pas #menu6 a:link, #menu6 a:visited... alors que tu définis #menu6 a:hover
Essais :

#menu6 a:link, #menu6 a:visited  {
font-family: Arial, Helvetica, sans-serif;
display:inline;
font: bold 12px/12px verdana;
color:#fff;
text-align:center;
text-decoration:none;
background:#073571;
padding:0.6em 0.1em;
margin:0;
border: 1px solid #073571;
}
#menu6 a:hover {
background:white;
color: #073571;
}
Mince, et en ajoutant
div#menu6 { margin: 5px;}
?
En fait c'est ton tableau qui gache tout ... on dirait que le border de ton tableau "se mélange" à ceux de ton #menu6 et de tes liens...