<ul><li> probleme firefox </li> </ul>

Bonsoir à tous.

Escusez de ne pas me présenter tout de suite mais 3h09 et je commence à peter les plombs avec Firefox.

Explications :

J'ai fais un menu en liste ( <ul> & <li> ), Il y a du hover sans javascript et tout va bien mais les "disc" sortent du tableau avec Firefox

Avec IE7 Tout va bien.

Je vous donne le code :

Pour les <ul></ul>

.lipo{ 
color:#ffa200;
 font-size:inherit; 
font-weight:normal;
display: inline; 
padding: 0px; 
margin: 0px;
list-style-type: disc
}

Tout ça dans une div :

.div {

	padding-top:3px;
	background-position:right;
	background-image:url(http://www.brakstar.com/images/menu-h2.jpg);
	background-repeat: repeat-y;
	border: 1px #cce0f9;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	width:165px;
}
.div a:link{
	padding-left:4px;
	color: #2f38de;
	display: block;
	padding-bottom: 1px;
	text-decoration:none;
}
.div a:hover{
	color: #6600CC;
	display: block;
	background: #FFDD66;
	background-image:url(http://www.brakstar.com/images/menu-h22.jpg);
	padding-bottom: 1px;
	text-decoration:none
}
.div a:visited{
	padding-left:4px;
	color: #2f38de;
	display: block;
	padding-bottom: 1px;
	text-decoration:none;
	
}

La feuille de style complete : -http://www.brakstar.com/brakstar.css ( valide w3c )

La page ou ça bug avec Firefox : -http://www.brakstar.com ( valide xhtml 1.1 w3c )

De mon coté je continue à chercher mais à mon avis il y en a déjà ici qui ont eut et résolu le probleme.

Merci

GAUTIER Jérémy
Modifié par Brakstar (16 Sep 2006 - 03:25)

Bonjour Jérémy et bienvenue sur ce forum

Attention, XHTML 1.1 n'est peut-être pas le DOCTYPE le mieux adapté à tes besoins.

Lire : Comment bien déclarer XHTML1.1 ?

Ça ne règlera pas ton problème de puce, mais je te suggère de commencer par là

As-tu pensé à consulter la FAQ ?

Comment corriger un espace à gauche d'une liste différent entre IE, Firefox et Opera ?

Bonjour,

Oui en effet pour le xhtml 1.1, un développeur m'avait déjà fait remarquer que c'était faux de servir mes page en text/html avec un doctype xhtml 1.1. Mais dans le future quand je ferai la transition cela sera plus simple pour moi.

Ok le tutoriel de developer.mozilla.org va m'aider. En plus cette nuit j'ai abandonné et mis des <img> en guise de puce ( très lourd pour le code ) ( C'est pour cela que cela s'affiche bien sur l'index, mais ce n'est pas du tout ce que je veux faire ).

Merci