Aller au contenu

Sujets conseillés

Posté (modifié)

Salut, je démarre un nouveau fil pour continuer celui-ci:

http://www.webmaster-hub.com/index.php?showtopic=21475&hl=

...car ya du neuf!

Le menu en javascript que j'ai utilisé jusqu'ici semble être protégé par un copyright (cf componentart.com?), donc je peux pas l'utiliser.

Avec le javascript, ma page pèse plus de 100ko, soit 21s de téléchargement selon dreamweaver...

Je veux que ma page soit aussi accessible et légère que possible.

Je veux aussi que le résultat visuel soit élégant.

(Et je doit avouer que le javascript donne un résultat vraiment génial, je le délaisse à regret). Jusqu'ici les menus en CSS que j'ai vu étaient moches et interdisaient les sous-sous menus...

DONC...

...après pas mal de recherches sur google, j'ai trouvé un menu déroulant (drop down menu) 100% pur jus de CSS (sans javasucre ajouté!) beau, multi-niveaux et pas obèse et, ta da ta.... compatible avec tous les navigateurs (semble-t-il).

:)

Voici les liens:

http://www.cssplay.co.uk/menus/dropdown.html

http://www.cssplay.co.uk/menus/dropdownfun.html

J'ai deux questions:

1 - Le menu s'affiche-t-il bien avec vos navigateurs exotiques à vous? (Je n'ai que IE et FF.)

2 - Le créateur de ce menu pur CSS admet que celui-ci n'est pas validé :huh:

xhtml 1.1    

Fails validation with NO errors because w3c.org cannot cope with the !doctype

or le fait qu'un code ne soit pas validé peut-il nuire au référencement ou à mon site en général?

D'autre part, les moteurs de recherche vont-ils être capables de trouver les liens à toutes mes pages, à travers ce seul menu CSS (qui va déployer des sous-menus)...

...ou bien est-il préférable (et suffisant) d'ajouter une page avec tous les liens (genre plan du site, hyperliens en dur en html de base).

Qu'en pensez-vous?

ps: quand j'aurai votre feu vert, je commencerai à adapter ce menu à mon site.

ps2: si vous aviez dans vos cartons des exemples de sites utilisant un menu PUR CSS, n'hésitez pas, merci.

Modifié par DentsLongues
Posté

Salut,

Stu Nicholls est une personnalité très importante dans le milieu de la création de pages en XHTML et CSS: tu peux lui donc lui faire entièrement confiance ;)

Ce n'est pas vraiment le genre à faire des pages uniquement accessibles à de vieux navigateurs décatis :D

Quant à utiliser XHTML 1.1 il faut

  • soit être un grand malade et aimer le risque
  • soit avoir une application bien particulière qui ne puisse fonctionner qu'avec des contraintes pareilles

Donc, à mon avis, retournes à un doctype "normal" tu n'as pas besoin de XHTML 1.1

Et le menu fourni par Stu tournera très bien quand même avec d'autres doctypes ;)

edit: argh non justement, il bidouille le doctype 1.1 pour arriver à ses fins; C'est étrange comme manière de faire.. :unsure:

Regardes plutôt du côté de Listamatic qui propose des choses simples et efficaces (et laides aussi, mais il suffit d'adapter les codes pour en faire quelque chose de sympa :D)

Posté (modifié)
HOW?

By using xhtml1.1 and its ability to let you extend the !DOCTYPE declarations, that's HOW.

Hum... en fait, on dirait que Stu utilise ce !DOCTYPE parceque il est le seul à permettre une "extension"...

Je n'y connait pas grand chose...

... je peux donc changer le !DOCTYPE comme je veux? Il suffit just de modifierla toute première ligne?

Mon dreamweaver est paramètré pour coder comme ça:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=&quot;http://www.w3.org/1999/xhtml">

<!-- DW6 -->

J'ai bon? :rolleyes:

[edit: bon, le temps de taper on en vient au même point...]

Modifié par DentsLongues
Posté

En fait, c'est un bug du validateur. On peut théoriquement bidouiller les DTD en XHTML 1.1 et cette application de menu en tire parti.

Çà reste de la grosse bidouille-qui-tâche car la modification de la DTD n'est là qu'en vue de faire accepter un élément <table> comme en enfant d'un élément <a>.

C'est un peu crade et pas vraiment sémantique, et je pense qu'il s'agit plus d'un test qu'autre chose.

Cela dit, si ce menu te convient libre à toi de l'utiliser: la seule chose à savoir c'est qu'avec un pareil code tu ne seras pas reconnu par le validateur comme ayant une page valide, même si la page est valide.

Çà, à vrai dire, ce n'est pas bien gênant: il vaut mieux avoir un code valide que le validateur ne reconnaît pas plutôt que l'inverse; c'est plus une question d'amour-propre qu'autre chose :P

Sinon, l'autre problème c'est que théoriquement IE ne devrait pas pouvoir accéder à cette page en raison du type MIME avec lequel elle est envoyée (application/xhtml+xml)..

Enfin en tous cas, avec mon navigateur exotique à moi (Safari) çà passe très bien :unsure:

Posté

Oui.

Je vais tester ce menu dans une page header (peut-être fixe) avec du PHP en

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

&quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [ <!ELEMENT a (#PCDATA | table)* > ]>

<html xmlns=&quot;http://www.w3.org/1999/xhtml" xml:lang="en" >

La page de contenu sera quant à elle en

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

Regardes plutôt du côté de Listamatic qui propose des choses simples et efficaces (et laides aussi, mais il suffit d'adapter les codes pour en faire quelque chose de sympa )

Le souci c'est que listmatic répertorie pas mal de choses AVEC javascript...

et quand ya pas de javascript, ya pas non plus de sous menus...

...d'où la bidouille de Stu sans-doute... Bizarre que les webmestres-codeurs du monde entier n'aient pas encore trouvé un moyen "fiap' et zoli" de faire des menus/sous-menus...

:boude:

Posté

tu peut essayer de voir mon tuto pour faire des menu en css sans javascript pour les nouveaux navigateurs mais avec pour les anciens:

menu deroulant css

Pas valide non plus par contre mais au moin c'est leger

Posté (modifié)

Est ce qu'on peut faire un site sans menu du tout ?

Juste aller à une page, revenir à la page où on peut choisir etc...

Modifié par wonderclochette
Posté

Wondercolchette : faire un site sans menu, c'est comme faire une autoroute sans panneau. Il faut que depuis chaque page de ton site, le visiteur puisse accéder au moins aux catégories les plus importantes, sans quoi tu risques de le perdre.

Posté

Bonjour,

Et le menu fourni par Stu tournera très bien quand même avec d'autres doctypes ;)

edit: argh non justement, il bidouille le doctype 1.1 pour arriver à ses fins; C'est étrange comme manière de faire.. :unsure:

<{POST_SNAPBACK}>

Stu Nicholls le précise bien, en gras et en majuscule ;)

REMEMBER :

THIS IS JUST FOR FUN ;O)

(Source URL: http://www.cssplay.co.uk/menus/dropdown.html )

Est ce qu'on peut faire un site sans menu du tout ?

Juste aller à une page, revenir à la page où on peut choisir etc...

<{POST_SNAPBACK}>

Hum, un site sans menu... je pense que le visiteur se lasserait vite de faire continuellement des retours à la page d'accueil :huh:

Par contre un site sans sous menu, c'est possible. Il faut juste repenser l'organisation de la structure des pages, prévoir des répertoires où ne s'afficheront que les sous-menus nécessaires.

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...