[Résolu] Problème affichage de liste Firefox

Bonjour,

J'ai adapter un code trouver sur alsacreations pour mettre sur mon site

J'ai résolu pas mal de problème concerant le positionnement de la liste

Mais je bloque car maitnenant le script de rollover ne marche plus comme il faut

La page : http://www.reservoirdolls.fr/index.php?page=groupe

Elle marche bien avec Internet Explorer, mais ca ne marche pas avec Firefox, le rollover s'affiche mais pas l'image de base.

Voici de code :

<style type='text/css'>
ul, li {
list-style-type: none;
margin:0;
padding:0;
height: 100%;

}
ul {
position:relative;
background: transparent url(images/".$style."groupe.jpg) top left no-repeat;
width: 610px;
}

li {float:left;}

li a#menu {
display: block;
height: 410px;
width: 155px;
line-height: 50px;
text-decoration: none;
}

li a:hover {
background: transparent url(images/".$style."groupe.jpg) top left no-repeat;
}
a#menu1:hover {
background-position: -605px 0%;
}
a#menu2:hover {
background-position: -760px 0%;
}
a#menu3:hover {
background-position: -910px 0%;
}
a#menu4:hover {
background-position: -1060px 0%;
}
</style>


<center><table width='95%' align='center'><tr><td><center>
<ul>
	<li><a id="menu1" href='index.php?page=groupe&doll=chouk' alt='Chouk'></a></li>
	<li><a id="menu2" href='index.php?page=groupe&doll=mat' alt='Mat'></a></li>
	<li><a id="menu3" href='index.php?page=groupe&doll=toxik' alt='ToxiK'></a></li>
	<li><a id="menu4" href='index.php?page=groupe&doll=kana' alt='Kana'></a></li>
</ul>
</center>

Modifié par ToxiK (27 Mar 2007 - 10:46)

Alors ? Y a pas un pro du css qui aurait la solution ?

J'ai oublié de préciser :

Quand je met position absolute ds le <ul> ca marche

Mais quand je met en relative ca ne s'affiche plus

(enfin le rollover marche lui, mais on ne voit pas la premier image)


Modifié par ToxiK (17 May 2006 - 23:27)

C'est encore moi

Et non ca ne marche toujours pas...

Enfin si ca marche sans problème sur IE mais j'aimerais que ca marche aussi sur Firefox et Safari.

Salut,

Sans doute que la correction des erreurs montrée lors de la validation résoudrait pas mal de soucis

Je viens de trouver la solution

Voici le code de ce que j'ai changé

ul.menu {

position:relative	;	/* Positionnement pour IE5 et IE5.5 */

background: url(images/".$style."groupe.jpg) top left no-repeat;	/* Arri?re-plan g?n?ral du menu */

width: 610px; /* Taille de la moiti? de l'image */

height: 410px;

}





<ul class='menu'>
	<li><a id="menu1" href='index.php?page=groupe&doll=Chouk' alt='Chouk'></a></li>
	<li><a id="menu2" href='index.php?page=groupe&doll=Mat' alt='Mat'></a></li>
	<li><a id="menu3" href='index.php?page=groupe&doll=Toxik' alt='Toxik'></a></li>
	<li><a id="menu4" href='index.php?page=groupe&doll=Kana' alt='Kana'></a></li>
</ul>

Modifié par ToxiK (17 Oct 2006 - 17:06)