Mon menu CSS décale tout !!!

Mon menu CSS décale tout !!! - HTML/CSS - Programmation

Marsh Posté le 22-03-2005 à 15:14:21    

Bonjour, j'ai récupéré un exemple de menu auto-déroulant en CSS, mais cet exemple ne présentait que le menu seul. Alors j'ai voulu l'insérer dans un tableau avec plein d'autres choses, mais si je passe sur le menu, il se déroule en décalant tout le reste vers le bas.
J'ai bien un z-index:3; mais ça change rien !!!!!
Quelqu'un aurait-il une idée SVP ???
Merci d'avance ;)

Reply

Marsh Posté le 22-03-2005 à 15:14:21   

Reply

Marsh Posté le 22-03-2005 à 15:19:06    

Pourquoi met-tu un menu dans un tableau ? Je pige pas ce que pourrais faire un menu parmis des données tabulaires ;)

Reply

Marsh Posté le 22-03-2005 à 15:23:17    

ben c pour avoir un menu déroulant dans une mise en page en tableau !
à la limite, je veux bien mettre mon menu en dehors du tableau, mais ça décale tout qd mm !!!!!


Message édité par KahL le 22-03-2005 à 15:24:06
Reply

Marsh Posté le 22-03-2005 à 15:26:08    

Pourquoi utilise-tu des tableaux pour la mise en page :??:

Reply

Marsh Posté le 22-03-2005 à 15:33:34    

ben g toujours fais comme ça .... c pratique je trouve !
mais là n'est pas la question .... est-ce possible de faire un menu déroulant en CSS ds un tableau sans que ça décale tout ?

Reply

Marsh Posté le 22-03-2005 à 15:34:16    

Nonon c'est pas pratique :o on utilisait les tableaux y'a 10 ans, maintenant faudrait commencer à passer à autre chose ;)

Reply

Marsh Posté le 22-03-2005 à 15:43:51    

ton menu deroulant en s'ouvrant definie une certaine hauteur d'element.  
la cellule de ton tableau contenant cet element (ton menu) va donc changer en consequence ... et donc decaller les cellules d'en dessous vers le bas
 
utilise des div en position absolute


Message édité par fnemo le 22-03-2005 à 15:44:24
Reply

Marsh Posté le 22-03-2005 à 19:17:21    

ok merci .... mais eske je peux garder le reste de ma page en tableau et ne mettre que mon menu en div position absolute ou faut vraiment que je passe tout en div pour espérer le faire fonctionner correctement ?

Reply

Marsh Posté le 22-03-2005 à 20:55:55    

toute la page dans un div global
puis le menu dans un div (pas de hauteur definie)
puis le reste, si tu veux, mais dans un autre div ... dont la position est en absolue et dont la position top est egale a la hauteur minimale du menu ; pi voila
 
mais reste que la mise en page par tableau, c mâââââl

Reply

Marsh Posté le 23-03-2005 à 08:32:13    

Je viens de tester ça mais tout est en bordel ....
J'ai mis une div générale, une div pour le menu (qui contient des div lui aussi !) et une div pour le reste.
<div>
  <div class="menuprincipal">
    <div>MENU</div>
  </div>
  <div class="restepage">
    <table>PAGE</table>
  </div>
</div>
Avec ça dans le CSS :
.menuprincipal
{
position:absolute;
z-index:2;
}
.restepage
{
position:absolute;
top:100px;
z-index:1;
}
Et ça me donne un truc completement décalé sur la droite, et les cases du menu qui se suivent sont pas en ordre et 2 se montent dessus !
Peut être que ça vient des z-index ????
Je sais pas si mon bout de code pourra t'aider à m'aider ^^
Merci d'avance ;)

Reply

Marsh Posté le 23-03-2005 à 08:32:13   

Reply

Marsh Posté le 23-03-2005 à 09:37:15    

je ne pense pas que tu es besoin du z-index dans ce cas (pas tester)
 
pour ton menu sans le code ca va etre dur de t'aider
sinon pour ton probleme d'alignement, revoit les proprietes text-align de tes div (et aussi et surtout la principale)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed