Petit problème de menu déroulant

[Mongo Bob]

Personnellement, j'ai répondu à la dernière question :

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, à+

[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

[Mongo Bob]

Je remonte donc à la dernière question :

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...

[Mongo Bob]

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?

[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

[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

[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

[Mongo Bob]

Divite. En fait, le <div> qui englobe le menu ne sert à rien, je parle de celui qui commence ainsi :

Code : Tout sélectionner

<div>
       <ul id="menu">
          <li>Accueil

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

mais le plus sûr sera de remplacer tout ça par des images...

Mais non, au secours!

[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

[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 programmes 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

[Mongo Bob]

Hélas non, il n'est pas réglé!...

je disais "il doit" dans le sens "il faut qu'il soit réglé"...

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...

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.

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

Et si je mettais une balise "meta"?

là, on parle plus le même langage, trop funky à mon goût!

Citation:
Mais non, au secours!

ceci pour dire que la solution n'est pas l'accumulation d'images.

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!

[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

[Gagea]

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

[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

[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:

<!-- phpmyvisites -->
<a href="http://www.phpmyvisites.net/" title="phpMyVisites | Open source web analytics"
onclick="window.open(this.href);return(false);"><script type="text/javascript">
<!--
var a_vars = Array();
var pagename='';

var phpmyvisitesSite = 1;
var phpmyvisitesURL = "http://www.mathildeletac.com/phpmv2/phpmyvisites.php";
//-->
</script>
<script language="javascript" src="http://www.mathildeletac.com/phpmv2/phpmyvisites.js" type="text/javascript"></script>
<object><noscript><p>phpMyVisites | Open source web analytics
<img src="http://www.mathildeletac.com/phpmv2/phpmyvisites.php" alt="Statistics" style="border:0" />
</p></noscript></object></a>
<!-- /phpmyvisites -->

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