28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voici tout d'abord l'adresse de mon site pour identifier visuellement le problème : Par ici
Quand on survol News, Lecture ou Encodage, le texte Logiciels se décale légèrement sur la droite et j'ai l'impression qu'il change de couleur pendant quelques micro secondes.
Voilà mon code HTML :
<div id="Container">
<div id="menu">
<ul>
<li> <a href="?p=acc"><?=$menu[$lang][0];?></a></li>
<li> <a href="?p=lec"><?=$menu[$lang][1];?></a></li>
<li> <a href="?p=enc"><?=$menu[$lang][2];?></a></li>
<li> <a href="?p=log"><?=$menu[$lang][3];?></a></li>
<li> <a href="?p=faq"><?=$menu[$lang][4];?></a></li>
<li> <a href="mailto:mkv4mac&#064;free.fr">Contact</a></li>
</ul>
<!-- Fermeture de menu -->
</div>

Et le CSS qui s'applique :

* 
{
	margin:0;
	padding:0;
}
body 
{
	height:100%;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#0f0f0f;
}
/* Style du contour du menu, bordure d'un pixel sauf barre haute */ 
#menu 
{
	height: 24px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #404040;
}
/* Style de la liste */
#menu ul
{
	padding: 12px 0 0 15px;
	margin:0px;
	margin-top: -10px;
	line-height: 0px;
}
/* Style des éléments de la liste */
#menu ul li 
{
	list-style: none;
	display:inline;
}
/* Style du texte au repos */
#menu a 
{
	padding: 0 15px 0 15px;
	text-decoration:none;
	font-size: 16px;
	color: #555;
}
/* Style du texte survollé*/
#menu a:hover 
{
	padding: 3px 14px 3px 14px;
	color:#999;
	border-width:0 1px;
	border-style:solid;
	border-color: #404040;
}

Je pense que c'est un problème de padding mais je n'arrive pas à le détecter.
La feuille de style complète est disponible à cette adresse.
Administrateur
Bonjour,

pas de souci avec Fx 3.6.3 Windows de mon côté.

EDIT:

#menu a:hover,
#menu a:focus {}

Ne pas oublier la navigation au clavier Smiley cligne Smiley capello
Modifié par Felipe (29 Apr 2010 - 15:09)
Felipe a écrit :
Bonjour,

pas de souci avec Fx 3.6.3 Windows de mon côté.

EDIT:

#menu a:hover,
#menu a:focus {}

Ne pas oublier la navigation au clavier Smiley cligne Smiley capello

Bizarre chez moi c'est quand même visible. J'essayerais sur un autre ordi ce soir.
Je viens d'essayer sous Internet Explorer 7.0, ça rend vraiment rien du tout.
Pour le a:focus. Je copie ce que j'ai dans a:hover ? Merci pour l'idée.

Si d'autres voient le problème, n'hésitez à faire un retour d'expérience.
Salut,

Moi non plus aucun problème de clignotement sur FF3.6, ni même sur IE8. Par contre le menu n'est pas visible sur IE8, les intitulés sont cachés en quasi totalité.
Mikachu a écrit :
Salut,

Moi non plus aucun problème de clignotement sur FF3.6, ni même sur IE8. Par contre le menu n'est pas visible sur IE8, les intitulés sont cachés en quasi totalité.

Bizarre Smiley confus