cedricpc Posté(e) le 23 septembre 2005 Partager Posté(e) le 23 septembre 2005 Bonsoir, J'ai un tit problème d'affichage avec un menu fait en CSS. Le menu n'est pas un simple menu (une barre quoi), c'est un menu qui peut faire des sous menus (et ce, à ma plus grande joie, de façon quasi-infini). Bon rien de très rare, ça se trouve facilement avec google. Aussi, il est fixé au dessus de la page mais le problème, sous Opera 8.x, les sous menus ne s'affichent (correctement) que si la page est completement en haut. Voici le code css : ul#menu { position: absolute; top: 0; left: 0; border: 1px solid #999999; border-width: 0 0 1px 0; } html>body ul#menu { position: fixed; } ul#menu, ul#menu ul { margin: 0; padding: 0; } ul#menu li { text-align: center; width: 100px; float: left; border-right: 1px solid #999999; background-color: #E0E2EB; } ul#menu ul { position: absolute; top: 100%; left: -1px; border: 1px solid #999999; border-right: 0; margin-top: 1px; background-color: #E0E2EB; } html>body ul#menu ul { margin-top: 0; } ul#menu ul ul { top: 0; left: 99px; } html>body ul#menu ul ul { left: 100px; } ul#menu a, ul#menu ul { display: block; width: 100%; color: #000000; text-decoration: none; background-color: #E0E2EB; } ul#menu a:hover { color: #000000; text-decoration: none; background-color: #BBBBCC; } ul#menu li { position: relative; display: inline; } html>body ul#menu li { display: block; } ul#menu li ul { display:none; } ul#menu li:hover>ul { display:block; } Vous pouvez aussi voir le résultat ici. Le problème proviens surement d'ici : ul#menu ul { position: absolute; top: 100%; left: -1px; border: 1px solid #999999; border-right: 0; margin-top: 1px; background-color: #E0E2EB; } car si j'enleve le "position", cette fois ça marche partout (en haut, en bas...) mais les sous menus ne se placent plus correctement et les bordures partent en freestyle complet (pour rester poli ) ! Si quelqu'un a une idée pour résoudre ça svp ? Merci par avance. [Edit : Le "float: left;" de ul#menu a été supprimé. (Inutile)] Lien vers le commentaire Partager sur d’autres sites More sharing options...
cedricpc Posté(e) le 25 septembre 2005 Auteur Partager Posté(e) le 25 septembre 2005 Pas d'idée ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Baldurien Posté(e) le 26 septembre 2005 Partager Posté(e) le 26 septembre 2005 Sans un exemple (une page de beta test) c'est compromis je pense.. Lien vers le commentaire Partager sur d’autres sites More sharing options...
cedricpc Posté(e) le 29 septembre 2005 Auteur Partager Posté(e) le 29 septembre 2005 Entre les deux codes, y'a le lien (c'est pas très visible je l'avoue). Et la c'est plus visible ? [Edit : Désolé d'avoir mis tant de temps à répondre, j'avais pas vu qu'il y avais un message, il n'était pas marqué avec un nouveau message.] Lien vers le commentaire Partager sur d’autres sites More sharing options...
cedricpc Posté(e) le 2 novembre 2005 Auteur Partager Posté(e) le 2 novembre 2005 Lien vers le commentaire Partager sur d’autres sites More sharing options...
TheGuit Posté(e) le 3 novembre 2005 Partager Posté(e) le 3 novembre 2005 En meme temps elle est pas accessible ta page ... Lien vers le commentaire Partager sur d’autres sites More sharing options...
cedricpc Posté(e) le 3 novembre 2005 Auteur Partager Posté(e) le 3 novembre 2005 En meme temps elle est pas accessible ta page ... Hum apache a dus casher... Ca remarche ! Par contre le css a un peu bougé depuis. :) Lien vers le commentaire Partager sur d’autres sites More sharing options...
cedricpc Posté(e) le 29 novembre 2005 Auteur Partager Posté(e) le 29 novembre 2005 Bon, bah problème résolu avec opera 9 et quelque petites modifs dans le ccs ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.