DentsLongues Posté 6 Mars 2006 Partager Posté 6 Mars 2006 (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é 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é 6 Mars 2006 par DentsLongues Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 6 Mars 2006 Partager Posté 6 Mars 2006 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 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.. 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 ) Lien vers le commentaire Partager sur d’autres sites More sharing options...
DentsLongues Posté 6 Mars 2006 Auteur Partager Posté 6 Mars 2006 (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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- DW6 --> J'ai bon? [edit: bon, le temps de taper on en vient au même point...] Modifié 6 Mars 2006 par DentsLongues Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 6 Mars 2006 Partager Posté 6 Mars 2006 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 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
DentsLongues Posté 6 Mars 2006 Auteur Partager Posté 6 Mars 2006 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" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [ <!ELEMENT a (#PCDATA | table)* > ]> <html xmlns="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... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Billyboy Posté 7 Mars 2006 Partager Posté 7 Mars 2006 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
wonderclochette Posté 7 Mars 2006 Partager Posté 7 Mars 2006 (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é 7 Mars 2006 par wonderclochette Lien vers le commentaire Partager sur d’autres sites More sharing options...
captain_torche Posté 13 Mars 2006 Partager Posté 13 Mars 2006 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Monique Posté 13 Mars 2006 Partager Posté 13 Mars 2006 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.. <{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 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant