Page 2 sur 4
Publié : 14 nov. 2008, 12:00
par Mongo Bob
Personnellement, j'ai répondu à la dernière question :
fuvola a écrit :Je reviens avec mes questions: j'ai placé les menus à l'intérieur de la balise d'en-tête. Comment se fait-il que le menu déroulant soit décalé par rapport aux autres?
Questions subsidiaire: comment centrer les menus à l'intérieur de l'en-tête (je me perds avec les balises <li> et <ul>!)
rien n'est décalé, tout est centré dans ma solution, à+
Publié : 14 nov. 2008, 13:40
par Fuvola
Euh, je viens de mettre en ligne la version relookée, ma dernière question sera plus claire comme ça!
En fait, du coup, la question du décalage est caduque...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18
Publié : 14 nov. 2008, 15:35
par Mongo Bob
Je remonte donc à la dernière question :
Fuvola a écrit :comment n'afficher les sous-menus qu'au passage de la souris?
c'est ça, un menu déroulant! Le sous-menu ne s'affiche qu'au passage de la souris, en fait non : il ne doit s'afficher qu'au clic de la souris, et rester afficher après le clic, parce que si ce n'est qu'au passage, il va disparaître au moment où tu vas vouloir cliquer sur l'un des items déroulants!
Je ne comprends pas : tu disais que tu avais emprunté un script JS qui devait te le faire, ton menu déroulant! Qu'en est-il? Je vois bien des bouts de code js dans ta page, mais tu aurais plus intérêt à te retourner vers le généreux donateur de code pour en savoir plus etc...
Publié : 14 nov. 2008, 15:48
par Mongo Bob
Fuvola a écrit :j'ai du mal à positionner correctement l'image lettre.gif
certes, mais en l'absence de l'information consistant à indiquer
où doit se situer l'image citée selon l'opinion du webmestre que tu es, il restera plutôt ardû de te conseiller sur ce qu'il faut faire pour la positionner! Non? Un bon endroit semble être tout en bas et au milieu sous le menu?
Publié : 14 nov. 2008, 16:43
par Fuvola
Des nouvelles du front:
Pour l'image Gif, j'ai été au plus simple, et je l'ai positionnée dans le pied de page, elle se voit quand même...
Pour le menu dynamique: je comprends à présent! Et moi qui me cassais la tête depuis deux jours à chercher dans la feuille css pourquoi mon menu ne se déroulait pas...
Donc il manque un bout de script, en réalité je l'ai mais je ne sais pas où le placer (et pourtant, j'ai cherché!)
<!-- script du menu --><script
src="dynMenu.js" type="text/javascript"></script><!-- dᅵtᅵction du navigateur --><script
src="browserdetect.js" type="text/javascript"></script>
Voilà, sinon le résultat commence à être un peu plus sympathique...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18
Publié : 14 nov. 2008, 17:55
par Gagea
Bonjour Fuvola,
Personnellement je débute et je n'ai pas encore essayé d'inclure des scripts Javascript mais ce qui me choque sur ta page c'est que le div menu n'est pas stylé. J'ai regardé dans les CSS et je ne l'ai pas vu.
Je trouve que les lettres sont trop grandes la police est en Times alors qu'ailleurs c'est de l'Arial. Tu dois certainement pouvoir faire quelque chose pour arranger un peu tout ça.

Le résultat final sera sans doute plus sympathique.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Publié : 14 nov. 2008, 18:19
par Fuvola
Bonjour Gagea,
Ah, zut alors!
J'avais mis une jolie police cursive (la même que dans l'en-tête) qui ne se trouve sans doute pas sur votre machine...
Donc, là j'ai mis des polices de remplacement dans la feuille de style, mais le plus sûr sera de remplacer tout ça par des images...bon, soyons philosophes...
Merci de me l'avoir signalé en tout cas!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18
Publié : 14 nov. 2008, 18:35
par Mongo Bob
Divite. En fait, le <div> qui englobe le menu ne sert à rien, je parle de celui qui commence ainsi :
le <ul> "menu" peut très bien fournir ce qu'on demande à ce <div> inutile (bis!).
Mais je ne trouve pas que ce soit pas stylé, ça l'est pour moi, disons que c'est stylé au goût de Fuvola, qui n'est pas si mauvais, c'est bien plus tranquille, moins agressif que tous ces sites m'as-tu-vu!
La feuille de style est bien trop compliquée, mais nous en avons déjà fait la remarque à l'auteur, qui ne nous a pas trop écoutés, pour l'instant trop concentrée sur le pb de js! (qui doit être réglé aussi!).
Autre remarque, aucune balise <h1>, <h2 etc...
Un surfeur non-voyant ne percevra pas le titre "Mathilde Le Tac, flûtiste" : ce texte est une image. Aussi grave (ou plus, si on est insensible à l'argument accessibilité aux non-voyants) : aucun robot de moteur de recherche ne mettra la phrase "Mathilde Le Tac, flûtiste" dans ses résultats de recherche, le robot en question se comportant quasi comme un lecteur d'écran pour non-voyant et ignorant les images surtout dépourvues d'attribut "alt", les machines il faut bien leur expliquer!
Aucune structure de texte, pas assez de <p> : ils sont remplacés par des <br>, par exemple, au lieu de :
Code : Tout sélectionner
de grands musiciens tels
Jean-Claude PENNETIER, Pierre-Laurent AIMARD, les membres
du Quatuor AMADEUS...<br>
<br>
Passionnée par la musique de chambre, elle se consacre à
l'exploration de nouveaux répertoires en
on devrait avoir :
Code : Tout sélectionner
de grands musiciens tels
Jean-Claude PENNETIER, Pierre-Laurent AIMARD, les membres
du Quatuor AMADEUS...</p>
<p>Passionnée par la musique de chambre, elle se consacre à
l'exploration de nouveaux répertoires en
Fuvola a écrit :mais le plus sûr sera de remplacer tout ça par des images...
Mais non, au secours!
Publié : 14 nov. 2008, 19:06
par Fuvola
Bonsoir Mongo Bob, et merci pour les remarques!
le <ul> "menu" peut très bien fournir ce qu'on demande à ce <div> inutile (bis!).
J'ai essayé de retirer le <div>, résultat: une pagaille totale...
La feuille de style est bien trop compliquée, mais nous en avons déjà fait la remarque à l'auteur, qui ne nous a pas trop écoutés, pour l'instant trop concentrée sur le pb de js! (qui doit être réglé aussi!).
Hélas non, il n'est pas réglé!...
Autre remarque, aucune balise <h1>, <h2 etc...
Si si, il y en a des tonnes dans les popups qui s'ouvrent, dans le menu "programmes"...
Un surfeur non-voyant ne percevra pas le titre "Mathilde Le Tac, flûtiste" : ce texte est une image. Aussi grave (ou plus, si on est insensible à l'argument accessibilité aux non-voyants) : aucun robot de moteur de recherche ne mettra la phrase "Mathilde Le Tac, flûtiste" dans ses résultats de recherche, le robot en question se comportant quasi comme un lecteur d'écran pour non-voyant et ignorant les images surtout dépourvues d'attribut "alt", les machines il faut bien leur expliquer!
Et si je mettais une balise "meta"?
Aucune structure de texte, pas assez de <p> : ils sont remplacés par des <br>
J'ai enlevé les <br>...mais il faut dire que je ne me suis pas encore occupée des textes longs, il va falloir inventer quelque chose car en effet ce n'est pas très funky...
Mais non, au secours!
Ouf!!!...
Merci encore pour toutes ces suggestions constructives!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18
Publié : 14 nov. 2008, 19:18
par Gagea
Je suis d'accord avec tout ce que tu dis, Mongo, mais je continue à trouver que la taille de la police du menu est trop grande.

A mon avis un élément de menu
Duo flûte et orgue sur 3 lignes c'est beaucoup; D'autre part les dernières lettres, comme es de Autres programm
es empiètent sur la zone du contenu qui a la même teinte d'arrière-plan que les lettres du menu; de ce fait elles sont illisibles. Mais bon si c'est du gôut de Fuvola, je ne dis plus rien.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Publié : 14 nov. 2008, 19:45
par Mongo Bob
Fuvola a écrit :Hélas non, il n'est pas réglé!...
je disais "il doit" dans le sens "il faut qu'il soit réglé"...
Fuvola a écrit :J'ai essayé de retirer le <div>, résultat: une pagaille totale...
ah, c'est sûr que ça suppose de tout reprendre à 0... mais étant donné la pagaille que c'est actuellement...
Fuvola a écrit :Citation:
Autre remarque, aucune balise <h1>, <h2 etc...
Si si, il y en a des tonnes dans les popups qui s'ouvrent, dans le menu "programmes"...
je ne te parle que de ta page d'accueil, celle sous "www" en bas de tes messages.
Fuvola a écrit :J'ai enlevé les <br>...mais il faut dire que je ne me suis pas encore occupée des textes longs, il va falloir inv
enter quelque chose car en effet ce n'est pas très funky...
Inventer quoi? Y'a rien à inventer, Fuvola, relis bien :
Code : Tout sélectionner
de grands musiciens tels
Jean-Claude PENNETIER, Pierre-Laurent AIMARD, les membres
du Quatuor AMADEUS...</p>
<p>Passionnée par la musique de chambre, elle se consacre à
l'exploration de nouveaux répertoires en
</p> pour fermer
et pis après <p> pour ouvrir, tu as fait le contraire
Code : Tout sélectionner
de grands
musiciens tels Jean-Claude PENNETIER, Pierre-Laurent AIMARD, les
membres du Quatuor AMADEUS...<p></p>
Passionnée par la musique de chambre, elle se consacre à
l'exploration
de nouveaux répertoires en
Fuvola a écrit :Et si je mettais une balise "meta"?
là, on parle plus le même langage, trop funky à mon goût!
MB a écrit :Citation:
Mais non, au secours!
ceci pour dire que la solution n'est pas l'accumulation d'images.
Gagea a écrit :Mais bon si c'est du gôut de Fuvola, je ne dis plus rien.
la taille de police en question est trop grande, mais je trouve que l'aspect visuel général est agréable.

un petit tuto, Fuvola?
http://josar.free.fr/index.html
à mon avis, c'est vital!
Publié : 14 nov. 2008, 20:08
par Fuvola
J'ai essayé de retirer le <div>, résultat: une pagaille totale...
J'aurais mieux fait de réfléchir avant de répondre! Bon, je crois avoir résolu le problème (et commencé à simplifier le css par la même occasion)
</p> pour fermer et pis après <p> pour ouvrir, tu as fait le contraire
Ouille!...Bon, j'ai corrigé...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18
Publié : 15 nov. 2008, 08:14
par Gagea
Mongo Bob a écrit :la taille de police en question est trop grande, mais je trouve que l'aspect visuel général est agréable.
Moi aussi je trouve l'aspect visuel général agéable; c'est pour cela qu'en diminuant la taille de police du menu (ce n'est pas grand'chose à faire sans doute dans la feuille de style) l'aspect serait encore mieux.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Publié : 15 nov. 2008, 11:34
par GAUNCE
Je viens d'aller revoir ta page d'accueil, l'idée est sympa...par contre ton texte est un bordel "kolossal", il y a des blancs, des virgules volantes!
Je reprends le commentaire de Gagea: le libellé de tes liens sur une seule ligne=police plus petite.
ET STP, tant que tu as des fautes, enlève-moi cette icône du W3C.
Merci.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Publié : 15 nov. 2008, 17:25
par Fuvola
Bonjour Gaunce,
J'ai nettoyé, W3C Validator me dit qu'il n'y a plus d'erreurs. J'ai aussi tenu compte des remarques de Mongo Bob, en remplaçant les bannières par du texte. Il n'y a plus que le problème de menu dynamique...
Sinon, je voulais mettre un truc qui s'appelle phpvv2, afin d'avoir des statistiques (toujours intéressant). J'ai un morceau de code à insérer, mais apparemment il contient des erreurs, que je suis bien entendu incapable de détecter. Voilà le code:
Si quelqu'un a une réponse à cette question?...après quoi je pense que ça suffira!
Merci encore
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.18) Gecko/20081029 Firefox/2.0.0.18