probleme pour centrer mon menu horizontal sur IE

Faites le plein de téléchargements !

Shopping

MEMBRES

ANNONCEURS

probleme pour centrer mon menu horizontal sur IE.
probleme pour centrer mon menu horizontal sur IE Discutez du sujet probleme pour centrer mon menu horizontal sur IE sur Toocharger.com.

FAQ

Rechercher

S'enregistrer

Profil

Connexion

Se connecter pour vérifier ses messages privés


	Toocharger.com Index du Forum » HTML / CSS / XHTML

probleme pour centrer mon menu horizontal sur IE

Voir le sujet précédent :: Voir le sujet suivant

Auteur

Message

jeromei

Inscrit le: 30 Mai 2008
Messages: 33

Posté le: 16 Juin 2008 14:25

[quote]bonjour,

j'ai un menu horizontal que je n'arrive pas à centré sur firefox.

d'ou peut venir le soucis?

je n'ai que mon header flash au dessus.mes images font 60*40 et une qui fait 70*40

[url=http://jeromei.phpnet.org/Copie de travail[/url

Citation:

les css:

Code:

#nav ul li a {

        display: inline;

        width: 330px;

        height: 40px;

      float:left ; 

}

#nav ul {

        list-style-type: none; 

      margin:0; padding:0;

}

        #nav ul li.l1 a {background:url(../images/offres1.jpg) no-repeat 0 0;}

        #nav ul li.l2 a {background:url(../images/implantation1.jpg) no-repeat 0 0;}

        #nav ul li.l3 a {background:url(../images/calculatrice1.jpg) no-repeat 0 0;}

      #nav ul li.l4 a {background:url(../images/espaceclient1.jpg) no-repeat 0 0;}

      #nav ul li.l5 a {background:url(../images/devis1.jpg) no-repeat 0 0;}

        #nav ul li.l1 a:hover {background:url(../images/offres2.jpg) no-repeat 0 0;}

        #nav ul li.l2 a:hover {background:url(../images/implantation2.jpg) no-repeat 0 0;}

        #nav ul li.l3 a:hover {background:url(../images/calculatrice2.jpg) no-repeat 0 0;}

      #nav ul li.l4 a:hover {background:url(../images/espaceclient2.jpg) no-repeat 0 0;}

      #nav ul li.l5 a:hover{background:url(../images/devis2.jpg) no-repeat 0 0;}

        #nav ul li a span {display:none;} /*On cache le texte qui nous sert juste à remplir le lien*/

   nav a{

        text-decoration: none;

}

#nav img{

        border-style: none;

}

Citation:

le html

Code:

<div id="nav">

    <ul>

<li class="l1"><a href="#" alt=""><span>nos offres</span></a></li>

<li class="l2"><a href="#" alt=""><span>implantation</span></a></li>

<li class="l3"><a href="#" alt=""><span>calculatrice</span></a></li>

<li class="l4"><a href="#" alt=""><span>espace client</span></a></li>

<li class="l5"><a href="#" alt=""><span>devis en ligne</span></a></li>

    </ul>

</div>

[/code]

Revenir en haut

Montrer les messages depuis:

		Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas voter dans les sondages