Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2478 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Redimentionnement de mon menu selon la résolution de l'écran.

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Redimentionnement de mon menu selon la résolution de l'écran.

n°1311056
kolbek
Posté le 21-02-2006 à 22:44:28  profilanswer
 

Bonjour,
 
Je suis en train de faire un site avec un menu en haut (le menu est défini par une image), j'aimerai savoir s'il est possible de définir la taille de ce menu selon la configuration de l'écran de la personne qui visitera ce site (le menu doit prendre toute la longueur de l'écran que l'on soit en 800*600, 1024*768, etc).
 
J'ai besoin que cela soit possible aussi bien sous Internet Explorer que sous les autres navigateur...
 
Est-ce possible ?
 
Merci d'avance.

mood
Publicité
Posté le 21-02-2006 à 22:44:28  profilanswer
 

n°1311059
xtof_83
Freeride Spirit
Posté le 21-02-2006 à 22:50:26  profilanswer
 

tu entends quoi par "le menu est défini par une image"
 
sinon si tu fais les tailles en % tout ira bien

n°1311064
kolbek
Posté le 21-02-2006 à 22:56:36  profilanswer
 

http://kondratek.nicolas.neuf.fr/SOLUFIZ/accueil/menuHaut.png
 
voila dans la page html j'ai mis une image (celle ci dessus) ca sera mon menu.

n°1311071
nargy
Posté le 21-02-2006 à 23:21:51  profilanswer
 

En javascript tu peux récupérer le document.widht(); mais c est pas terrible, la syntaxe exacte dépends du navigateur et tu devra écrire tout le menu en javascript.
 
Par contre, vu ton image, tu peux la couper, et avec un peu de DHTML tu plaque le menu au dessus de l image.
Tu coupes aux 2/3 en largeur, que tu places dans la première case d un tableau, et tu met un background jaune dans une deuxième case de tableau.
Par dessus tu rajoute un <div></div> avec le menu à l intérieur et un peu de CSS pour rendre le div transparent et redimensionnable à la taille du document.
Pour le CSS, tu trouveras de la doc sur w3.org

n°1311073
nargy
Posté le 21-02-2006 à 23:26:22  profilanswer
 

Ah ouais, j avais pas vu l image en entier...
Tu la coupes plutot en 3. Partie gauche et droite de taille fixe. Partie centrale redimensionnable avec cellule de tableau TD width=100% background=image centrale répétable en horizontale.

n°1312666
elliotdoe
Posté le 23-02-2006 à 21:30:50  profilanswer
 

Tu fais deux CSS l'un adapté à 1024, l'autre à 800*600.
Après avec javascript tu trouves la résolution et tu balances l'un ou l'autre des CSS. Enfin c'est juste un conseil.
 
Si tu gardes un width=100%, le problème c'est que le texte que tu auras dessus sera lui aussi redimensionné sur la page, avec des problèmes de chevauchement, etc.

n°1312755
kolbek
Posté le 24-02-2006 à 00:02:37  profilanswer
 

oula faut apprendre le javascript alors...

n°1312760
nargy
Posté le 24-02-2006 à 00:14:14  profilanswer
 

Si tu utilise ma solution, tu peut t en tirer sans.
Tu coupes l image en 3, dans un tableau,
genre:
1ère case, largeur fixe 200 pxl, coté gauche de l image
 
2ème case, largeur 100%, milieu de l image (largueur=1pxl) en fond de la cellule du tableau (ça répète le dégradé vertical en largeur autant de fois que necessaire pour remplir la largeur de la page)
 
3ère case, largeur fixe 200 pxl, coté droit de l image
 
Par dessus, un layer, largeur 100%, avec le texte du menu. Sauf: si tu mets le menu uniquement au milieu (largeure=entre 800-400 et 1024-400) tu peux le mettre dans la 2ème case du tableau.
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Redimentionnement de mon menu selon la résolution de l'écran.

 

Sujets relatifs
[wx] Intégrer un menu dans une toolbarmenu deroulant (garder ouvert sur page actuelle)
Utilisation de menu déroulantEspace dans mon menu
Menu déroulant decalé[Javascript] Apparition, disparition de menu et mouseover
Variance de taille du menu CSSréalisation d'un ecran lcd
menu deroulant vertical : reste apparentmenu en php
Plus de sujets relatifs à : Redimentionnement de mon menu selon la résolution de l'écran.


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR