menu deroulant avec div et css

menu deroulant avec div et css - HTML/CSS - Programmation

Marsh Posté le 04-10-2005 à 15:12:39    

Bonjour,
 
Je suis en train de faire un menu deroulant, et pour cela j'ai pris l'exemple du menu CSS a l'adresse suivante : http://tutorials.alsacreations.com [...] zontal.htm  
Mon site est fais avec des tableaux les un en dessous des autres. Et eu milieu (entre 2 tableaux) j'ai inséré ce menu avec un DIV.  
Ca marche bien, cependant quand je modifie la taille de ma fenetre ou la resolution de mon ecran le menu bouge  par rapport au reste du site...
J'aimerai que mon menu reste fixe par rapport a mon design...
 
Merci pour votre aide d'avance!

Reply

Marsh Posté le 04-10-2005 à 15:12:39   

Reply

Marsh Posté le 04-10-2005 à 15:24:23    

Salut, je te propose voir la même chose en français tant qu'à faire :
http://css.alsacreations.com/Const [...] horizontal
 
Comment as-tu positionné ton bloc div de menu ? En position absolue ?
 
A vue d'oeil je dirais oui, et je suppose que le reste du site, le tableau, est centré dans la page.
 
Dans ce cas, c'est bien ton tableau qui se déplace en fonction de la résolution et PAS le menu que tu as placé à une position fixe par rapport au bord heut et gauche (left, top).
 
Il va falloir choisir un mode de positionnement plus souple et adapté :
http://css.alsacreations.com/Bases [...] ses-en-CSS
 
Et pour centrer le menu :
http://css.alsacreations.com/Faire [...] web-en-CSS
 
Bonne chance :)


Message édité par sibelius le 04-10-2005 à 15:28:32

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 04-10-2005 à 15:34:23    

Ca va surement parraitre stupide, mais la ils disent qu'il faut le mettre en haut de la page... non?, Je le veux au milieu et entre 2 tableaux et je souhaiterai qu'il ne se decale pas lorsque la taille de ma fenetre de navigateur change...

Reply

Marsh Posté le 04-10-2005 à 15:36:22    

Entre 2 tableaux ? :sweat:

Reply

Marsh Posté le 04-10-2005 à 15:38:52    

oui :
un tableau (avec images etc...)
le menu en div
un autre tableau (avec images etc...)
 Et j'aimerai que mon menu reste a la place (horizontale et verticale).

Reply

Marsh Posté le 04-10-2005 à 15:39:51    

Oulalala :sweat: Ca à l'air space. Aurait-tu un lien vers la page ? [:dawa]

Reply

Marsh Posté le 04-10-2005 à 15:42:58    

Maritxu03 a écrit :

Ca va surement parraitre stupide, mais la ils disent qu'il faut le mettre en haut de la page... non?


"Ils" ne disent rien du tout.
C'est un tutoriel, un exemple à utiliser et décortiquer pour apprendre le fonctionnement.
En effet il est ici placé en haut de page, ce qui n'est pas une obligation puisque les éléments peuvent être positionnés où l'on veut en CSS.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 04-10-2005 à 15:43:01    

Non malheureusement je ne peux pas c'est un site professionelle.
En fait j'aimerai savoir comment on place un div dans un page et que ensuite il ne bouge pas selon la taille de la fenetre de navigateur ou la resolution de l'ecran

Reply

Marsh Posté le 04-10-2005 à 15:45:23    

Maritxu03 a écrit :

Non malheureusement je ne peux pas c'est un site professionelle.
En fait j'aimerai savoir comment on place un div dans un page et que ensuite il ne bouge pas selon la taille de la fenetre de navigateur ou la resolution de l'ecran


C'est le cas dans ce que tu as fait.
 
Comme je te l'ai expliqué, dans ton cas :
- ton div est positionné (position absolute je suppose) par rapport à une distance en pixel du bord gauche
- en clair, ce n'est pas le div qui bouge mais le reste de ton site (qui est centré donc s'adapte à la résolution)
 
Pourquoi ne pas lire les messages explicatifs ?  :(


Message édité par sibelius le 04-10-2005 à 15:46:47

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 04-10-2005 à 16:09:18    

 

Maritxu03 a écrit :

Non malheureusement je ne peux pas c'est un site professionelle.


 
Ca promet   [:tinostar] [:tinostar] [:tinostar] [:tinostar]

Reply

Marsh Posté le 04-10-2005 à 16:09:18   

Reply

Marsh Posté le 04-10-2005 à 17:06:09    

Merci Sibelius! J'ai reussi sous Firefox mais sous IE les images de mon menu se mettent les une sous les autres...

Reply

Marsh Posté le 04-10-2005 à 19:30:54    

Est ce quelqu'un saurai pourquoi les images de mon menu se mette les unes sous les autres sous IE et sous Firefox c'est nikel? :??:


Message édité par Maritxu03 le 04-10-2005 à 19:31:30
Reply

Marsh Posté le 05-10-2005 à 15:51:10    

Ha ben oui, on va le savoir trés facilement vu tous les bouts de codes que tu nous as montré. <= ironie inside.
 
Quand tu nous montreras quelque chôse d'utile on poura enfin te dire ce que t'as merdé.

Reply

Marsh Posté le 05-10-2005 à 15:55:43    

après verification dans ma boule de cristal, il apparais que ton 2ème div n'es pas en absolute, et que ton css img{} n'es pas compatible avec Internet Explorer 6.0.2900.2180 ... il faut faire une MAJ de ton navigateur.
 
Bon serieusement, rien à ajouter après omega2
 
++


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Sujets relatifs:

Leave a Replay

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