 Skaëlle 
{ Membre }
 Messages : 12
 | Bien le bonjour everbody =3 Herp, encore moi, je sais. Mais je suis très nulle en CSS et HTML, ne pas taper merci. ._." Bref, je viens à demander votre aide pour un tableau qui depuis hier me fait sans arrêt bidouiller ce fichu CSS. D: Le forum sur lequel je travaille est fermé pour le moment (enfin juste fermé officiellement mais il est parfaitement accessible), donc ce n'est pas trèèèès urgent mais une réponse me ferait très plaisir. Alors, ça se passe sous IE, je n"ai pas eu le temps de vérifier sous Firefox, et en fait, le tableau est bien itou itou mais le soucis c'est que quand les sous-menu s'affichent, ils sont mangés par le fond des menus de base. Je ne saurais pas vraiment expliquer et imager serait assez délicat vu l'état de mon ordinateur, je vous envoie donc là: http://trc-world-tsubasa.forumactif.com/index.htm Ne faites pas attention au vert de la barre de naviguation j'ai pas fini! .3. Bref, voici mes codes, parce que je suppose que sans codes le problème ne pourra pas être détecté xD CSS: - Code:
-
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
width: 120px;
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
div#menu ul {
padding: 0;
width: 120px;
border:1px solid;
margin:0px;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
list-style: none; /*on enleve les icones de liste */
border-bottom:2px solid; /*ajout d'une bordure de separation d'element:*/
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
div#menu ul ul {
position: absolute;
top: 0;
left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
div#menu li a {
text-decoration: none; /* plus de soulignement pour les liens */
}
/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
background: 000000;
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
/* fichier pour internet explorer */
body {
behavior: url(csshover.htc);
}
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
display:none
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
En effet, j'ai utilisé le code fourni sur une demande de code sur le forum, après j'ai bidoumerdé le tout  Bon, et le HTML du tableau donc : - Code:
-
<p id="menu123"><div id="menu"> <ul class="niveau1"> <li class="sousmenu"><a href="menu 1">menu 1</a> <ul class="niveau2"> <li><a href="Sous menu 2.1">Sous menu 2.1</a></li> <li><a href="Sous menu 2.2/">Sous menu 2.2</a></li> <li><a href="Sous menu 2.3/">HOYOYO</a></li> <li><a href="Sous menu 2.4/">Sous menu 2.2</a></li> </ul> </li> <li class="sousmenu"><a href="menu 2">menu 2</a> <ul class="niveau2"> <li><a href="Sous menu 2.1">Sous menu 2.1</a></li> <li><a href="Sous menu 2.2/">Sous menu 2.2</a></li> <li><a href="Sous menu 2.3/">Sous menu 2.2</a></li> </ul> </li> <li class="sousmenu"><a href="menu 3">menu 3</a> <ul class="niveau2"> <li><a href="Sous menu 2.1">Prédéfinis</a></li> <li><a href="Sous menu 2.2/">Puêt</a></li> <li><a href="Sous menu 2.3">Test</a></li> </ul> </li> </ul> </div> </p> </div> Je crois que j'ai pris un peu plus que le tableau à la fin... .__. No blémo je crois pas que ça dérange, siiiii? *se fait frapper* Merci d'avance ~ | | |
|
Scali
{ Membre }
Messages : 41
| Bonjour  Sur ces deux codes >> - Code:
-
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
width: 120px;
background-image: url("http://www.generation-upload-fr.com/upload2/34143pattern7.1.jpg");
}
div#menu ul {
padding: 0;
width: 120px;
border:1px solid;
margin:0px;
} Essaye avec la taille 100 et non 120. Je viens de tester et chez moi, ça fonctionne  scali. | | |
|
Skaëlle
{ Membre }
Messages : 12
| Ha oui c'est parfait merci infiniment <3 | | |
|
Scali
{ Membre }
Messages : 41
| Pas d'quoi  | | |
|
Lun 03 Juin 2024, 17:20 par 
