Barre de menu CSS
Salut à tous !
Je suis entrain de "re-modernisée" ma page d'accueil que je n'ai pas encore envoyé sur serveur ftp et je voudrais étaler toute ma barre de menus sur tout la largeur du site mais je ne sais pas comment faire..
Merci à vous !
9 réponses
Donc, ton menu est actuellement composé ainsi :
<nav>
<div class="container_12">
<div class="grid_12">
<ul class="sf-menu sf-js-enabled">
<li><a id="lien1" href="http://www.david-avocat-toulouse.fr"></a></li>
<li><a id="lien2" href="http://www.david-avocat-toulouse.fr/avocat.php"></a></li>
<!--COMPETENCES-->
<li class=""><a class="sf-with-ul" id="lien3" href="http://www.david-avocat-toulouse.fr/domaines-de-competences.php"><span class="menu-arrow"></span></a>
<ul style="display: none;">
<li><a href="http://www.david-avocat-toulouse.fr/droit-penal.php">Droit pénal</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/droit-contrats.php">Droit des contrats</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/droit-famille.php">Droit de la famille</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/contentieux-route.php">Contentieux de la circulation routière</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/droit-formations.php">Formations</a></li>
</ul>
</li>
<!--FIN COMPETENCES-->
<!--CONSEILS PRATIQUE-->
<li><a class="sf-with-ul" id="lien4" href="http://www.david-avocat-toulouse.fr/honoraires.php"><span class="menu-arrow"></span></a>
<ul style="display: none;">
<li><a href="http://www.david-avocat-toulouse.fr/honoraires.php">Honoraires</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/prise-en-charge.php">Prise en charge des …</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/deposer-plainte.php">Vous voulez déposer une plainte ?</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/proche-en-garde-a-vue.php">Vous êtes prévenu qu’un proche vient d’être placé en garde à vue ?</a></li>
</ul>
</li>
<!--FIN CONSEILS PRATIQUE-->
<!--BILLET D'HUMEUR-->
<li class=""><a class="sf-with-ul" id="lien5" href="http://www.david-avocat-toulouse.fr/billets-humeur.php"><span class="menu-arrow"></span></a>
<ul style="display: none;">
<li><a href="http://www.david-avocat-toulouse.fr/billets-humeur.php">Dernier billet</a></li>
<li><a href="http://www.david-avocat-toulouse.fr/a-propos-de.php">À propos de ...</a></li>
</ul>
</li>
<li><a id="lien7" href="http://www.david-avocat-toulouse.fr/consultations.php"></a></li>
<!--FIN BILLET D'HUMEUR-->
<li><a id="lien6" href="http://www.david-avocat-toulouse.fr/nous-contacter.php"></a></li>
<!-- <li><a href="http://www.david-avocat-toulouse.fr/liens.php">Liens utiles</a></li> -->
</ul>
<div class="clear"></div>
</div>
</div>
</nav>Il y a donc un problème de structure html, notamment des balises orphelines et des balises manquantes.
Ensuite, tu peux remarquer que tes listes sont dans des div ayant pour class container_12 et grid_12
Ces class ont pour spécificité d'avoir une largeur de 960 et 940px. Donc ton menu ne peux déjà pas faire 100% de la largeur de la fenêtre.
Tu as par conséquent les deux bonnes pistes pour résoudre ton problème.
Bonjour.
je voudrais étaler toute ma barre de menus sur tout la largeur du site mais je ne trouve plus l'attribut..
L'attribut, tu l'utilises dans la plupart des autres éléments de ton css : width.
Met ça en ligne, car là copier ton code est un vrai enfer. En ligne on peut inspecter ça simplement et du coup on peut t'adier.
Index.html : http://pastebin.com/Z8kgzwaG
Superfish.css : http://pastebin.com/1u88RjnX
Et j'ai un autre css mais je sais pas si il est vraiment en rapport.
--> Style.css : http://pastebin.com/iFJYz0Gk
Ps: J'ai aussi un gros rectangle bleu qui s'affiche en bas de mon slider (la ou défile les images).
Ça doit venir du css aussi mais sa c'est pas très grave au pire ^^
Merci de prendre le temps de me lire ! :))
[mode diplomatie]
Tu sais, pour que l'on puisse t'aider, il te faut nous aider un peu également.
Parce que si l'on doit copier coller tout ton code, puis le mettre dans des fichiers, et ensuite les mettre sur un serveur web chez nous, tu comprendras que cela nous prendra un certain temps en plus de celui d'inspecter ton code.
Ainsi, afin que tu sois gagnant dans ta quête de résolution de problème, il est dans ton intérêt de mettre ton code en ligne, de la manière a ce qu'un navigateur puisse l'interpréter et afficher le site, et nous indiquer l'url pour pouvoir aller l'inspecter et t'aider a trouver une solution.
[/mode diplomatie]
http://david-avocat-toulouse.fr/TEST/index.html <- voila le site hebergé.
pour le reste j'ai mis déja les liens pour avoir accès à mes codes..
Quand tu dis que tu souhaites étaler toute ta barre de menu sur toute la largeur du site, si je comprends bien, tu souhaites que, et peux importe la largeur de la fenêtre de la page du site, les 7 menus avec leur couleur de fond, se répartissent sur toute la largeur ?
Et non comme l'état actuel où elle est un petit peu moins large que le diaporama des photos !?
Ai je bien saisi ton souhait ?