Menu horizontal et CSS

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics

ducasse
WRInaute discret
WRInaute discret
 
Messages: 52
Inscription: 9 Avr 2003

Menu horizontal et CSS

Message le Mar Juil 29, 2003 19:30

bonjour,

je bataille ferme pour realiser un menu horizontal en utilisant une feuille de style ... mes contraintes sont les suivantes :

-5 cellules
-largeur totale fixe 750 px
-centré
-1 cellule de couleur differente en fonction de la rubrique (en fait, ca donne 5 pages differentes, 1 / rubrique, avec sous menu ajoute en dessous)

vous connaissez un tutauriel qui pourrait m aider car je calle serieusement :idea:

merci

sky
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 260
Inscription: 3 Mar 2003

Message le Mar Juil 29, 2003 22:32

Du genre comme sur ce site :

http://www.web-o-concept.com/

ducasse
WRInaute discret
WRInaute discret
 
Messages: 52
Inscription: 9 Avr 2003

Message le Mar Juil 29, 2003 22:36

oui, mais sans le java script qui affiche le sous menu automotiquement ... ceci mis a part, c est un truc du genre que je cherche a realiser ...


¥€$
WRInaute passionné
WRInaute passionné
 
Messages: 1348
Inscription: 5 Déc 2002

Message le Mer Juil 30, 2003 6:52

"Tables are dead, long live tables"
http://openweb.eu.org/articles/initiation_float/

sky
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 260
Inscription: 3 Mar 2003

Message le Mer Juil 30, 2003 9:20

Tient, y'a des menu et tout ici...
Clic sur le nom du menu pour avoir un exemple!

http://www.easy-script.com/script.php?c ... rder=click

V'la :)

Sky

ducasse
WRInaute discret
WRInaute discret
 
Messages: 52
Inscription: 9 Avr 2003

Message le Mer Juil 30, 2003 17:37

¥€$ > le tutauriel d openweb, je l ai et c est le seul dont je dispose pour le moment et je me debat avec .... monique nous avais donne un lien interressant : http://pompage.net/pompe/csspratique/ mais il est out (en tout cas hier et aujourd hui) et il y avais des exemples commentes sympa pour realiser ce que j essaie de faire .... alors j en cherche d autres, ou les memes sous d autres URL ...

sky > merci pour le lien, j y jette un coup d oeuil, si c est xhtml et CSS2, ca peut m aider ...


iubito
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 33
Inscription: 25 Avr 2004

Message le Jeu Aoû 12, 2004 11:43

Si ça peut t'aider, j'ai fait un menu inspiré de celui d'openweb.
http://iubito.free.fr/prog/menu.php

- en CSS avec un peu de javascript (léger)
- possibilité de changer de couleur à chaque menu (démo)
- possibilité de centrer (démo)
- tu dis la largeur des menus = 750/5=150 pour 5 menus

a+


Monique
WRInaute passionné
WRInaute passionné
 
Messages: 1545
Inscription: 16 Sep 2002

Message le Jeu Aoû 12, 2004 19:09

Bonjour,

Le site des Pompeurs fonctionne bien chez moi, ducasse :o

D'autres liens :
- Listamatic
- Alsacreations

Amicalement,
Monique


maxttb
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 477
Inscription: 27 Fév 2004

Message le Ven Aoû 13, 2004 8:53

Sur mon site (voir lien en signature), il y'a un sous-menu full-CSS, cela dit, il ne marche pas toujours très bien avec IE, donc, il a fallut rajouter un peu (quelques lignes) de javascript pour rendre compatible tout ca.


iubito
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 33
Inscription: 25 Avr 2004

Message le Ven Aoû 13, 2004 9:32

Tu parles du site totalbass ?
ça marche pas du tout sur Opera (même pas cliquable sur "Home", "Tabs",
"Submit", "Forum" et "Links").
Sur IE6/Win2K ça marche bien comme sur Mozilla.


maxttb
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 477
Inscription: 27 Fév 2004

Message le Ven Aoû 13, 2004 10:13

iubito a écrit:Tu parles du site totalbass ?
ça marche pas du tout sur Opera (même pas cliquable sur "Home", "Tabs",
"Submit", "Forum" et "Links").
Sur IE6/Win2K ça marche bien comme sur Mozilla.

Ah bon? Il va falloir que je corrige ca... Y'a t'il une version gratuite d'Opera en téléchargement?


iubito
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 33
Inscription: 25 Avr 2004

Message le Ven Aoû 13, 2004 10:46

oui, y'a juste une bannière ou un petit bandeau de pub en haut, franchement il ne me gène pas (en bandeau ça prend moins de place).


iubito
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 33
Inscription: 25 Avr 2004

Message le Ven Aoû 13, 2004 10:48

Un autre petit truc, question d'accessibilité, tous les mots de ton menu sont collés j'ai l'impression. Il faut "tricher" avec des spans invisible contenant un ';' afin que les synthèses vocales marquent une pause.
Ce schmilblick est expliqué sur le menu d'openweb et j'ai repris l'explication sommairement dans l'article de mon menu http://iubito.free.fr/prog/menu.php


gg00xiv
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 43
Inscription: 10 Juin 2010

Re: Menu horizontal et CSS

Message le Jeu Juin 10, 2010 15:58

Un exemple simple avec : http://codeunivers.com/codes/css/build_horizontal_menu

Que tu peux remanier pour correspondre à tes besoins :
Code: Tout sélectionner
body { text-align: center; }
ul#menu { list-style-type: none; width: 750px; margin: 0 auto; }
ul#menu li { float: left; width: 150px; height: 30px; line-height: 30px; }
/* line-height:30px; permet d'aligner ton texte au centre du li verticalement. */


rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: Menu horizontal et CSS

Message le Ven Juin 11, 2010 7:15

j'en ai fait un ici : www.avima.fr

cela dit, ce topic devrait être dans développement et pas dans administration site web ...

Menu horizontal et CSS

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par les experts Google Analytics de Ranking Metrics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités