Sujet Précédent Sujet Suivant

CSS, HTML ??

Fermé
amandine0108 Messages postés 70 Date d'inscription vendredi 19 août 2011 Statut Membre Dernière intervention 14 mars 2013 - 25 août 2011 à 22:42
amandine0108 Messages postés 70 Date d'inscription vendredi 19 août 2011 Statut Membre Dernière intervention 14 mars 2013 - 25 août 2011 à 23:42
Bonjour,

Bon je vous explique mon probleme, je veux faire un menu déroulant, voici mon code html et javascrit: 

<HTML>
<HEAD>

<title>Accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link rel="stylesheet" media="screen" type="text/css" title="Design" href="menu.css" />



</HEAD>

<BODY>
 <ul id="menu">

        <li>
                <a href="#">Accueil</a>
        </li>
        
        <li>
                <a href="#">Présentations</a>
                <ul>
                        <li><a href="#">Qui somme nous?</a></li>
                        <li><a href="#">Nos prix</a></li>
                </ul>
        </li>
        
        <li>
                <a href="#">Produit</a>
                <ul>
                        <li>
                                <a href="#">Beauté</a>
                        </li>
                        <li>
                                <a href="#">Bien-être</a>
                        </li>
                </ul>
        </li>
        
        <li>
                <a href="#">Nous rejoindre</a>
                <ul>
                        <li><a href="#">Vendez nos produits</a></li>
                        <li><a href="#">+ d'info</a></li>
                </ul>
        </li>
        
</ul>
 
 
 
</BODY>
</HTML>
 

<script type="text/javascript">
sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</SCRIPT>





Et mon code cSS 

#menu, #menu ul  
{
        padding : 0; 
        margin : 0;
        list-style : none; 
        line-height : 21px; 
        text-align : center; 
}

#menu 
{
        font-weight : bold;
        font-family : Arial; 
        font-size : 12px;
}

#menu a 
{
        display : block; 
        padding : 0; 
        background : #000;         
        color : #fff; 
        text-decoration : none; 
        width : 144px; 
}

#menu li   
{ 
        float : left; 
        border-right : 1px solid #fff;
}

html>
body #menu li
{
        border-right: 1px solid transparent ; 
}

#menu li ul 
{ 
        position: absolute; 
        width: 144px; 
        left: -999em; 
}


#menu li ul li 
{
        
        border-top : 1px solid #fff; 
}


html>body #menu li ul li                
{
        border-top : 1px solid transparent; 
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; 
       
        border-left     : 1px solid #fff ; 
}
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; 
}
 
#menu a:hover 
{
        color: #000; 
        background: #fff; 
}
 

#menu li:hover ul ul, #menu li.sfhover ul ul 
{
        left: -999em; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; 
        min-height: 0;



Sauf que

1) Quand je l'affiche ça me met bien le menu mais ça me met aussi a coté " min-height: 0; "
et je sais pas d'ou il vient. Donc quelle ligne ?

2) Et comment centrer ce menu? Avec quoi et quel code, le html ou css?

Merci

2 réponses

Réponse 1 / 2
amandine0108 Messages postés 70 Date d'inscription vendredi 19 août 2011 Statut Membre Dernière intervention 14 mars 2013
25 août 2011 à 23:27
En fait j'ai trouver à quoi ça corespondais le min-height: 0
Mais comment le centrer SVP !!
0
Réponse 2 / 2
telliak Messages postés 3668 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 26 mars 2025 880
25 août 2011 à 23:31
Salut,
Manque une accolade fermante «}» en fin du texte CSS, après min-height: 0;
0
amandine0108 Messages postés 70 Date d'inscription vendredi 19 août 2011 Statut Membre Dernière intervention 14 mars 2013
25 août 2011 à 23:42
Oui merci ça j'ai trouver mais comment le centrer??
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Espace HTML
guilhem_mdg -
hodor -

10 réponses