menu adaptable à la taille de la fenêtre [resolu]
Modérateur : chinon37
menu adaptable à la taille de la fenêtre [resolu]
Je sais que le sujet à déjà été abordé de nombreuses fois mais je n'ai toujours pas trouvé de solution...
Je voudrais adapter ce modèle http://css.alsacreations.com/modeles/modele6.htm à cette page http://www.ghouls-n-roll.com/tlv/accueil_tlv, pour supprimer l'ascenseur horizontal.
Mais j'ai des problèmes avec le CSS vu que mon menu à des "sous-menus" et pas celui du modèle. Je sais jamais quand est-ce qu'il faut mettre des dièses ou des points dans le CSS...
en bref si quelqu'un pouvait me proposer un exemple de code qui conviendrait au type de menu qu'il y a sur ma page, ca m'aiderait bien !
merci d'avance !
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Je voudrais adapter ce modèle http://css.alsacreations.com/modeles/modele6.htm à cette page http://www.ghouls-n-roll.com/tlv/accueil_tlv, pour supprimer l'ascenseur horizontal.
Mais j'ai des problèmes avec le CSS vu que mon menu à des "sous-menus" et pas celui du modèle. Je sais jamais quand est-ce qu'il faut mettre des dièses ou des points dans le CSS...
en bref si quelqu'un pouvait me proposer un exemple de code qui conviendrait au type de menu qu'il y a sur ma page, ca m'aiderait bien !
merci d'avance !
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Dernière modification par Khira le 27 mars 2007, 20:37, modifié 1 fois.
Pour faire simple:
- Le symbole cardinal "#" indique que l'on a affaire à un objet unique dans la page
#type1 {......}
<balise id="type1">blablabla</balise>
- Le symbole point "." indique que l'on a affaire à un objet qui pourra se présenter plusieurs fois.
.type2 {....}
<balise class="type2">blabla</balise>
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1
- Le symbole cardinal "#" indique que l'on a affaire à un objet unique dans la page
#type1 {......}
<balise id="type1">blablabla</balise>
- Le symbole point "." indique que l'on a affaire à un objet qui pourra se présenter plusieurs fois.
.type2 {....}
<balise class="type2">blabla</balise>
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
d'accord alors je devrais pouvoir mettre des # partout... mais quand j'essaie de mettre chaque menu (celui de gauche et celui de droite) dans un bloc (qui s'appellent respectivement "gauche" et "droite", puisque que j'ai pris le code du modèle), mes sous-menus marchent plus du tout
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
En fait non ca marche pas du tout, c'est meme pire qu'avant !
Voila la page "test" (en chantier, j'ai pas uploadé les images ni rien) : http://ghouls-n-roll.com/acceuiltlv.html quand on réduit la fenetre le menu de droite ne suit pas du tout le mouvement comme il devrait
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Voila la page "test" (en chantier, j'ai pas uploadé les images ni rien) : http://ghouls-n-roll.com/acceuiltlv.html quand on réduit la fenetre le menu de droite ne suit pas du tout le mouvement comme il devrait

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Il y a encore un peu de travailKhira a écrit :il s'agissait juste de dompter le CSS![]()

Voir ce que l'on peut faire avec CSS: http://www.csszengarden.com/tr/francais/
Bon courage.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Merci mais là ca m'aide pas tellement, j'ai deja un "modèle" (celui d'alsacréations cité plus haut) mais j'ai beau faire le même code (ou du moins essayer), ca marche pas ! Un pti coup d'oeil sur la page (http://ghouls-n-roll.com/acceuiltlv.html) et un conseil concret seraient les bienvenus...
merci quand meme pour le lien, ca peut etre bien utile.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
merci quand meme pour le lien, ca peut etre bien utile.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; AOL 9.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Seuls conseils pour l'instant:
- nettoyer le code pour éviter les balises vides (du genre <big></big>)
- supprimer toutes les directives de styles "en ligne" (par exemple, celle qui balance le "menu2" tout à fait à droite.
A partir de là, le code source sera sans doute plus facile à interpréter.
- nettoyer le code pour éviter les balises vides (du genre <big></big>)
- supprimer toutes les directives de styles "en ligne" (par exemple, celle qui balance le "menu2" tout à fait à droite.
A partir de là, le code source sera sans doute plus facile à interpréter.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités