Bonsoir à tous,

suite au conseil de BenFarhat, j'ai repris mon site sur pas mal de truc, et je commence à avoir quelque chose de correcte.

mais j'ai un soucis avec mon menu sur ce site. Il marche trés bien quand il a la place pour s'afficher en 1 ligne mais si l'écran est trop petit ou lors d'un zom, si le menu dois se mettre sur 2 lignes, la ligne supérieur est planté, se confond àvec la ligne deux....

que puis je faire

partie css

#conteneur-menu{width: 90%; margin: 0 auto 0 auto; height: 35px; position: relative;}
#menu-site {position: absolute; width: 100%;background-image:url(/config/image/plaque2.jpg); }
#menu-site dl{width: 140px; height:35px; margin: 0; padding: 0; display: block; float: left; color:#000000; font-weight: bolder; text-shadow: 1px 1px 0px #ffffff;}
#menu-site dt{ width: 140px; height:35px; display: block; float: left; line-height: 35px; font-size: 14px; font-weight: bolder; text-align: center; color:#000000;
    font-weight: bolder; text-shadow: 2px 2px 0px #ffffff; cursor: pointer;}
#menu-site dd{width: 140px; height:35px; display: block; margin: 0; padding: 0; float: left; line-height: 35px; text-align: center; cursor: pointer;}
#menu-site dd ul li{display: block; width: 140px; height:35px; margin: 0; padding: 0; text-align: center; font-size: 14px; list-style: none; 
    background-image:url(/config/image/plaque2.jpg) ; font-weight: bolder; color:#000000; text-shadow: 2px 2px 0px #ffffff; float:right}
#menu-site dd ul li a{margin: 0; padding: 0; font-weight:bolder; color:#000000; text-shadow: 1px 1px 0px #ffffff; display: block; text-decoration: none;
    width: 140px; height: 35px; line-height: 35px;}
#menu-site dd ul li a:hover {background-image:url(/config/image/plaque3.jpg); text-shadow: 2px 2px 0px #ffffff }
#menu-site dl dd{display: none;}
#menu-site dl:hover dd{display: block;}

partie php

<?php
if(!defined('PROTECTIONINCLUDE')){die('Accès Interdit');}
?>
<div id="conteneur-menu">
<div id="menu-site">
        <dl>
            <dt>Accueil</dt>
            <dd>
                <ul>
                    <li><a href="http://fsfrancesimulateur2.fr/">Accueil</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Trackeur</dt>
            <dd>
                <ul>
                    <li><a href="http://tracker.fsfrancesimulateur2.fr/index.php/acars">Vols en Cours</a></li>
                    <li><a href="http://tracker.fsfrancesimulateur2.fr/index.php/pilots">Nos pilotes</a></li>
                    <li><a href="http://tracker.fsfrancesimulateur2.fr/aircraft/aircraft2.php">Nos avions</a></li>
                    <li><a href="http://tracker.fsfrancesimulateur2.fr/index.php/registration">Inscription</a></li>
                    <li><a href="http://www.vacentral.net/airline/ffs_fsfrancesimulateur">Classement mondial</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Forums</dt>
            <dd>
                <ul>
                    <li><a href="http://fsfrancesimulateur2.fr/portal.php">Avec portail</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/index.php">Sans portail</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/ucp.php?mode=register">Inscription</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Download</dt>
            <dd>
                <ul>
                    <li><a href="http://fsfrancesimulateur2.fr/shell/index.php?p=obj,/airport/">Aéroport</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/shell/index.php?p=obj,/avions/">Avions</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/shell/index.php?p=obj,/documentations/">Documentations</a></li>

                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Tutoriels</dt>
            <dd>
                <ul>
                    <li><a href="http://fsfrancesimulateur2.fr/tuto/mumble/mumble">Mumble</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/tuto/hamashi/hamashi">Hamachi</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/tuto/hamashi/hamashi">Hamachi2</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/tuto/hamashi/hamashi">hamachi3</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Galerie</dt>
            <dd>
                <ul>
                    <li>Photos et vidéo</li>
                    <li><a href="https://www.youtube.com/user/FsFranceSimulateur2">Youtube</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Administrer</dt>
            <dd>
                <ul>
                    <li><a href="http://tracker.fsfrancesimulateur2.fr/index.php/profile">Compte trackeur</a></li>
                    <li><a href="http://fsfrancesimulateur2.fr/ucp.php">Compte forum</a></li>
                </ul>
            </dd>
        </dl>
        <dl>
            <dt>Contact</dt>
            <dd>
                <ul>
                    <li><a href="http://grafikar.fsfrancesimulateur2.fr/site2/contact.php">Contact</a></li>
                </ul>
            </dd>
        </dl>
                <dl>
            <dt> </dt>
            <dd>
                <ul>
                    <li>Backdoor</li>
                    <li>Calendriers</li>
                    <li>Gérer les news</li>
                </ul>
            </dd>
        </dl>
</div>
</div>
<div class="clear"> </div>

merci d'avance de votre aide

flo

3 réponses


Nairolf
Réponse acceptée

Tu dois créer une nouvelle règle dans ton CSS pour mettre ton ton sous menu au dessus de tout.

#menu-site dd ul {
    position: absolute;
    width: 140px;
}

position: absolute; c'est pour placer tes sous-menus au dessus de tout, et width: 140px; c'est pour que tes li reste les uns sous les autres, sinon ils seront mis sur une ligne.

Ensuite tu as oublié de renseigner un menu, tu as un dt vide.

coloo
Réponse acceptée

Salut

Perso, j'aurais fait :

#menu-site li {
z-index:2;
position:relative;
}

les deux marchent ^^'

  • ;)
flo3376
Auteur

bon bah je suis bien dans la merde moi maintenant, je fais comment pour valider les 2 réponses.

:)

Merci en tous cas

juste pour info, le dt qui n'est pas renseigné, c'est volontaire, une sorte de menu caché