Aller au contenu

Menu dynamique

pleinlavue

Par pleinlavue
dans Le Webdesign

 Partager

Sujets conseillés

dldstyle

dldstyle

Posté
Posté

Encore, encore :

http://alvit.de/css-showcase/css-navigatio...es-showcase.php

http://www.pompage.net/pompe/deroulants/

Les menus en css ont l'avantage par rapport à ceux en javascript de fonctionner quand celui ci est désactivé (entre 7 et 10% des cas suivants les statistiques) et permettre aux moteurs de suivre les liens de ton menu.

Bon courage :)

Lien vers le commentaire
Partager sur d’autres sites
pleinlavue

pleinlavue

Posté
  • Auteur
Posté (modifié)

J'ai fait une première tentative mais le menu s'affiche sur deux lignes alors que je veux cela sur une seule ligne et pourtant il reste de l'espace en masse. :blush:

Comment faire? :?: Aussi j'ai remarqué que le prog est allergique aux accents. :unsure: Comment contrer cela? :?:

Aussi les couleurs je vais changer cela. Je n'ai pas encore mis les liens cela est facile. Je veux être sûr que j'ai le bon menu avant. Voir sur cettte page.

Flag Football

Merci

Stéphane

Modifié par pleinlavue
Lien vers le commentaire
Partager sur d’autres sites
dldstyle

dldstyle

Posté
Posté

Salut,

essaye de rajouter un width:100%; dans ton ul#navmenu.

J'ai essayé avec la fonction d'édition de la web developper tool bar de Firefox et cela semble fonctionner !

Un autre lien intéressant découvert cette semaine sur les menus déroulant : http://www.ibilab.net/webdev/articles/CSS/...de-simple-4.htm

++

Lien vers le commentaire
Partager sur d’autres sites
pleinlavue

pleinlavue

Posté
  • Auteur
Posté

Super j'ai réussi!

Reste maintenant pour finaliser le site à trouver comment faire un "changeHomepageStoriesPackageTab" et ça croyer moi ce n'est pas facile! :mad2:

J'ai réussi l'image qui se change mais l'histoire aussi et les numéros d'histoire doivent changer et ouf ce n'est pas évident!

Voici des exemples de sites Football biensûr puisque je monte un site de football:

Bills Buffalo

Eagles Philadelphie

Chiefs Kansas City

Mon site devient de plus en plus beau :)

Merci

Stéphane

Lien vers le commentaire
Partager sur d’autres sites
Raphael

Raphael

Posté
Posté (modifié)
J'ai fais un petit tuto, regarde dans ma signature.

++

Hello,

Un menu déroulant en CSS sans JavaScript (celui que tu évoques en signature) n'existe malheureusement pas encore.

Pour IE, il faut du JavaScript (dans ton cas, tu as utilisé les behavior .htc, qui ne sont rien d'autre que du JavaScript).

Attention également aux gros problèmes d'accessibilité induits par tous les menus déroulants.

Ce menu (http://www.cssplay.co.uk/menus/dd_valid_2.html) part d'une très bonne idée, il est effectivement sans JS, mais se révèle être un bricolage infâme au final :

Il commence par détourner la Validation puisqu'il y a un problème dans la structure (des éléments <a> contenant des listes et d'autres éléments <a>, ce qui n'est pas vaide)... tout cela à l'aide de la bidouille du commentaire conditionnel :

<!--[if lte IE 6]>
	<a class="sub" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK
	<table><tr><td>
	<![endif]-->

		<ul class="right_side">
			<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
			<li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
			<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
		</ul>

	<!--[if lte IE 6]>
	</td></tr></table>
	</a>

Si on commence à placer des commentaires conditionnels juste pour valider une page, je trouve ça très regrettable car derrière on peut ainsi masquer n'importe quelle irrégularité dans le code et la structure et là ça devient grave :nonono:

Ici on arrive à une page pseudo-valide (car trompée) et surtout à un code et des imbrications aléatoires ne reposant sur aucun standard et donc soumis à la libre interprétation des navigateurs. S'il s'affiche correctement sur plusieurs navigateurs, c'est (malheureusement) un coup de chance, et rien ne dit que ce coup de chance va perdurer dès que ces navigateurs vont évoluer.

Attendons IE7 qui semble accepter :hover sur autre élément qu'un lien.

Modifié par Sibelius
Lien vers le commentaire
Partager sur d’autres sites
Tancrède

Tancrède

Posté
Posté (modifié)

Ah bon ? :(

Alors de quelle manière faire un menu déroulant conforme CSS et XHTML 1, sans bidouille et qui ne flingue pas le référencement ?

Et quel script léger et sans faille puis-je utiliser pour le faire fonctionner sous IE ?

Est-ce que le menu proposé ici est valide ?

Et celui là qui ne défigure pas la page lorsque javascript est désactivé ?

Modifié par Tancrède
Lien vers le commentaire
Partager sur d’autres sites
dldstyle

dldstyle

Posté
Posté
Alors de quelle manière faire un menu déroulant conforme CSS et XHTML 1, sans bidouille et qui ne flingue pas le référencement ?

Et quel script léger et sans faille puis-je utiliser pour le faire fonctionner sous IE ?

Pourquoi n'essayes tu pas le lien que je t'ai donné plus haut ? :rolleyes: Celui de mon dernier post semble très bien...

Lien vers le commentaire
Partager sur d’autres sites
Tancrède

Tancrède

Posté
Posté (modifié)

Bonsoir à tous,

Est-ce que le menu réalisé à cette page de test est propre et parfaitement accessible ?

La navigation par le clavier fonctionne correctement sous Mozilla , et la page me paraît très claire sous lynx

Est-ce que le code du menu est "propre" ? :unsure:

Merci pour vos réponses :)

Modifié par Tancrède
Lien vers le commentaire
Partager sur d’autres sites
pleinlavue

pleinlavue

Posté
  • Auteur
Posté (modifié)

Bon voici où j'en suis rendu:

http://www.rimouskiweb.com/flagfootball/

Le menu est bien mais parfois il en apparait deux en même temps. J'ai l'impression que c'est une fonction qui fait apparaître # après le lien. Parfois aussi le sous menu apparait lorsque je suis à coté. :blush: Je cherche là dessus.

Ensuite pour l'image qui change et le texte ça c'est réussi.

Aussi on m'a dit que mon site va mal avec Firefox.

Stéphane

Modifié par pleinlavue
Lien vers le commentaire
Partager sur d’autres sites
pleinlavue

pleinlavue

Posté
  • Auteur
Posté

Salut,

J'ai pas réussit à règler le prob des deux menus qui apparaissent en même temps. :nonono:

http://www.rimouskiweb.com/flagfootball/

J'ai essayer un autre type sur un autre site:

http://pleinlavue.com/WHA/

Lui fonctionne mieux. Il a le défault de toujours rester en haut de page mais c'est mieux que deux menus en même temps. :)

Stéphane

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...