S'identifier - S'inscrire - Ecrire un article - Contact

Menu déroulant... PROBLEME NON RESOLU

Par Cherche l'info • Aide • Mardi 12/08/2008 • 10 commentaires  • Lu 2768 fois • Version imprimable

Mots-clés :


bonjour à tous....

J'ai fait un essai de menu déroulant sur base des indications d'Isabelle...

Je rencontre deux problèmes...

Le positionnement du titre de l'onglet (accessoirement de la couleur...) ne correspond pas aux autres liens. Y a-t-il incompatibilité entre les deux?

L'accès au contenu des onglets me pose problème. Les liens du menu déroulant sont inaccessibles selon l'endroit où est placé l'onglet. Le passage de souris ouvre le menu, qui se referme quand on veut cliquer sur un lien. J'ai résolu cela avec une balise "center". Est-ce la bonne méthode?

Ci-dessous les codes utilisés sur www.tropdebruit.be

Merci d'avance

Denis

Code actuel...

<ul>
    <li><a href="http://tropdebruit.be/texts/adherez-a-l-asbl-trop-de-bruit-en-brabant-wallon">Adhérez à L'ASBL Trop de Bruit en Brabant wallon</a></li>
   

<li><b><span style="color: rgb(255, 255, 255);"><CENTER>les thèmes de TBBW</CENTER></span></b>
    <ul>
    <li><a href="http://tropdebruit.be/texts/circulation-automobile">L'automobile</a></li>
    <li><a href="http://tropdebruit.be/texts/aviation">L'aviation</a></li>
    <li><a href="http://tropdebruit.be/texts/brabant-wallon">Le Brabant wallon</a></li>
    <li><a href="http://tropdebruit.be/texts/les-comportements-humains-ayant-un-impact">Les comportements humains et l'environnement</a></li>
    <li><a href="http://tropdebruit.be/texts/les-institutions-citees-sur-ce-site">Les institutions et la politique</a></li>
    <li><a href="http://tropdebruit.be/texts/nature-et-environnement">La nature et l'environnement</a></li>


    </ul>  
<li><a href="http://tropdebruit.be/texts/formulaire-numero-un">Contact</a></li>
 <li><b><span style="color: rgb(255, 255, 255);"><CENTER>Rubriques</CENTER></span></b>
    <ul>
        <li><a title="Voir la rubrique sur le site" href="/conferences_debats_et_autres_reunions_d_informations.shtml">A assister</a></li>
        <li><a title="Voir la rubrique sur le site" href="/actions_en_cours_ce_que_vous_devez_faire.shtml">A faire</a></li>
        <li><a title="Voir la rubrique sur le site" href="/a_signer.shtml">A signer</a></li>
        <li><a title="Voir la rubrique sur le site" href="/archives_des_activites.shtml">Archives des activités</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdebruit.shtml">Avions: actualité, bruit et pollution</a></li>
        <li><a title="Voir la rubrique sur le site" href="/autrenouvelle.shtml">Les autres nouvelles</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdechimique.shtml">Pollution, chimie et substances nocives</a></li>
        <li><a title="Voir la rubrique sur le site" href="/questions_d_elections.shtml">Questions d'élections</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdenuisances.shtml">Trop de nuisances dans nos vies</a></li>
        <li><a title="Voir la rubrique sur le site" href="/trucs_et_astuces.shtml">Trucs et Astuces</a></li>
        <li><a title="Voir la rubrique sur le site" href="/un_petit_acces_d_humeur.shtml">Un petit accès d'humeur...</a></li>
    </ul>
    <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">Mots clés</a></li>   
</ul>

Code avec menu fautif

<ul>
    <li><a href="http://tropdebruit.be/texts/adherez-a-l-asbl-trop-de-bruit-en-brabant-wallon">Adhérez à L'ASBL Trop de Bruit en Brabant wallon</a></li>
   

<li><b><span style="color: rgb(255, 255, 255);">les thèmes de TBBW...</span></b>
    <ul>
    <li><a href="http://tropdebruit.be/texts/circulation-automobile">L'automobile</a></li>
    <li><a href="http://tropdebruit.be/texts/aviation">L'aviation</a></li>
    <li><a href="http://tropdebruit.be/texts/brabant-wallon">Le Brabant wallon</a></li>
    <li><a href="http://tropdebruit.be/texts/les-comportements-humains-ayant-un-impact">Les comportements humains et l'environnement</a></li>
    <li><a href="http://tropdebruit.be/texts/les-institutions-citees-sur-ce-site">Les institutions et la politique</a></li>
    <li><a href="http://tropdebruit.be/texts/nature-et-environnement">La nature et l'environnement</a></li>


    </ul>  
<li><a href="http://tropdebruit.be/texts/formulaire-numero-un">Contact</a></li>
 <li><b><span style="color: rgb(255, 255, 255);">Rubriques...</span></b>
    <ul>
        <li><a title="Voir la rubrique sur le site" href="/conferences_debats_et_autres_reunions_d_informations.shtml">A assister</a></li>
        <li><a title="Voir la rubrique sur le site" href="/actions_en_cours_ce_que_vous_devez_faire.shtml">A faire</a></li>
        <li><a title="Voir la rubrique sur le site" href="/a_signer.shtml">A signer</a></li>
        <li><a title="Voir la rubrique sur le site" href="/archives_des_activites.shtml">Archives des activités</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdebruit.shtml">Avions: actualité, bruit et pollution</a></li>
        <li><a title="Voir la rubrique sur le site" href="/autrenouvelle.shtml">Les autres nouvelles</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdechimique.shtml">Pollution, chimie et substances nocives</a></li>
        <li><a title="Voir la rubrique sur le site" href="/questions_d_elections.shtml">Questions d'élections</a></li>
        <li><a title="Voir la rubrique sur le site" href="/tropdenuisances.shtml">Trop de nuisances dans nos vies</a></li>
        <li><a title="Voir la rubrique sur le site" href="/trucs_et_astuces.shtml">Trucs et Astuces</a></li>
        <li><a title="Voir la rubrique sur le site" href="/un_petit_acces_d_humeur.shtml">Un petit accès d'humeur...</a></li>
    </ul>
    <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">Mots clés</a></li>   
</ul>

D'autres articles sur des thèmes similaires :


Commentaires

par isabelle le Mercredi 17/09/2008 à 19:06

isabelle Je n'ai pas suivis ce qui s'est passé en août sur V2V si bien que je ne découvre ton article qu'aujourd'hui. Est-ce que tu as résolu ton problème, vu qu'il n'y a pas eu de réponse :-)
Je n'arrive pas à comprendre pourquoi ta ligne d'onglets est peu large, tu as modifié ton modèle ? Et il y a un problème d'espace entre tes onglets aussi...


Re: par chercheinfo le Samedi 20/09/2008 à 20:00

chercheinfo Aucune modification du modèle... 
Le code est ci-dessous...
Note qu'il ne semble pas accepter un menu ou un sous-menu qui soit un lien...



Denis



<ul>

    <li><FONT COLOR="#FFFFFF"><CENTER> Aidez Trop de Bruit en Brabant wallon </CENTER></FONT>
    <ul>
 <li><a href="http://tropdebruit.be/texts/adherez-a-l-asbl-trop-de-bruit-en-brabant-wallon">Adhérez à L'ASBL Trop de Bruit en Brabant wallon</a></li>
 <li><a href="http://tropdebruit.be/texts/les-buts-de-l-asbl--trop-de-bruit-en-brabant-wallon-">Les buts de l'asbl "Trop de Bruit en Brabant wallon"</a></li>
 <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon">Connaître l'asbl Trop de bruit en Brabant wallon et ses actions"</a></li>
    </ul>

<li><FONT COLOR="#FFFFFF"><CENTER> Pour nous contacter </CENTER></FONT>
    <ul>
<li><a href="http://tropdebruit.be/texts/formulaire-numero-un">Contact</a></li>


    </ul> 

<li><FONT COLOR="#FFFFFF"><CENTER> Les mots clés </CENTER></FONT>
    <ul>
    <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">Naviguez avec les Mots clés</a></li>

    </ul> 

  
   

<li><FONT COLOR="#FFFFFF"><CENTER> Les thèmes de TBBW </CENTER></FONT>
    <ul>
    <li><a href="http://tropdebruit.be/texts/circulation-automobile">L'automobile</a></li>
    <li><a href="http://tropdebruit.be/texts/aviation">L'aviation</a></li>
    <li><a href="http://tropdebruit.be/texts/brabant-wallon">Le Brabant wallon</a></li>
    <li><a href="http://tropdebruit.be/texts/les-comportements-humains-ayant-un-impact">Les comportements humains et l'environnement</a></li>
    <li><a href="http://tropdebruit.be/texts/les-institutions-citees-sur-ce-site">Les institutions et la politique</a></li>
    <li><a href="http://tropdebruit.be/texts/nature-et-environnement">La nature et l'environnement</a></li>


    </ul>  

    <li><FONT COLOR="#FFFFFF"><CENTER> Rubriques </CENTER></FONT>
    <ul>
        <li><a title="Voir la rubrique sur le site" href="/conferences_debats_et_autres_reunions_d_informations.shtml">A assister</a></li>
        <li><a  href="/actions_en_cours_ce_que_vous_devez_faire.shtml">A faire</a></li>
        <li><a  href="/a_signer.shtml">A signer</a></li>
        <li><a  href="/archives_des_activites.shtml">Archives des activités</a></li>
        <li><a  href="/tropdebruit.shtml">Avions: actualité, bruit et pollution</a></li>
        <li><a  href="/autrenouvelle.shtml">Les autres nouvelles</a></li>
        <li><a  href="/tropdechimique.shtml">Pollution, chimie et substances nocives</a></li>
        <li><a  href="/questions_d_elections.shtml">Questions d'élections</a></li>
        <li><a  href="/tropdenuisances.shtml">Trop de nuisances dans nos vies</a></li>
        <li><a  href="/trucs_et_astuces.shtml">Trucs et Astuces</a></li>
        <li><a  href="/un_petit_acces_d_humeur.shtml">Un petit accès d'humeur...</a></li>
    </ul>
<li><FONT COLOR="#FFFFFF"><CENTER> Voyagez rapidement sur le site </CENTER></FONT>
<ul>
<li><FONT COLOR="#FFFFFF"><CENTER> Des liens rapides vers </CENTER></FONT></li>
<ul>
    <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon">l'asbl Trop de bruit en Brabant wallon et ses actions</a></li>
    <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon#la_charte_de_tbbw_en_ce_qui_concerne_les_avions">la charte sur les nuisances aériennes de TBBW</a></li>
    <li><a target="_blank" href="http://tropdebruit.info/TropdeBruitenBrabantwallon.pdf">le dossier des nuisances aériennes pour les débutants</a></li>
    <li><a href="http://tropdebruit.be/tropdebruit.shtml">tout sur les avions</a></li>
    <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">tous les articles sur un sujet </a></li>
    <li><a href="http://dossier.tropdebruit.be/">l'environnement en Brabant wallon </a></li>

<li><FONT COLOR="#FFFFFF"><CENTER> Allez voir... </CENTER></FONT></li>
<ul>
    <li><a href="http://tropdebruit.be/texts/les-demarches-de-nos-locales">les démarches de nos locales </a></li>
    <li><a href="http://tropdebruit.be/texts/ce-qui-se-passe-dans-nos-communes">ce qui se passe dans nos communes </a></li>
    <li><a href="http://tropdebruit.be/actions_en_cours_ce_que_vous_devez_faire.shtml">les choses à faire </a></li>
    <li><a href="http://humeur.tropdebruit.be/">les humeurs de Trop de Bruit </a></li>

<li><FONT COLOR="#FFFFFF"><CENTER> N'oubliez pas... </CENTER></FONT></li>
<ul>
    <li><a href="http://tropdebruit.be/a_signer.shtml">de signer... </a></li>
    <li><a href="http://tropdebruit.be/lists/links/5.shtml">de consulter ces sites</a></li>
    <li><a href="http://tropdebruit.be/texts/formulaire-numero-un">de vous faire connaître</a></li>

<li><FONT COLOR="#FFFFFF"><CENTER> Des outils </CENTER></FONT></li>
<ul>
    <li><a href="http://tropdebruit.be/texts/comment_compenser_son_co2_.shtml">Comment compenser son CO²?</a></li>
    <li><a href="http://tropdebruit.be/texts/naviguez_avec_les_mots_cles.shtml">Naviguez avec les mots clés</a></li>
</ul>
  
</ul>



Re: par Mitra le Dimanche 21/09/2008 à 22:33

Mitra Au cas où ça ne fonctionne toujours pas, peux-tu essayé le code ci-dessous et me dire si le problème est résolu ou pas :

<ul>

    <li><FONT COLOR="#FFFFFF"><CENTER> Aidez Trop de Bruit en Brabant wallon </CENTER></FONT></li>
    <ul>
        <li><a href="http://tropdebruit.be/texts/adherez-a-l-asbl-trop-de-bruit-en-brabant-wallon">Adhérez à L'ASBL Trop de Bruit en Brabant wallon</a></li>
        <li><a href="http://tropdebruit.be/texts/les-buts-de-l-asbl--trop-de-bruit-en-brabant-wallon-">Les buts de l'asbl "Trop de Bruit en Brabant wallon"</a></li>
        <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon">Connaître l'asbl Trop de bruit en Brabant wallon et ses actions"</a></li>
    </ul>

    <li><FONT COLOR="#FFFFFF"><CENTER> Pour nous contacter </CENTER></FONT></li>
    <ul>
        <li><a href="http://tropdebruit.be/texts/formulaire-numero-un">Contact</a></li>
    </ul>

    <li><FONT COLOR="#FFFFFF"><CENTER> Les mots clés </CENTER></FONT></li>
    <ul>
        <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">Naviguez avec les Mots clés</a></li>
    </ul>

    <li><FONT COLOR="#FFFFFF"><CENTER> Les thèmes de TBBW </CENTER></FONT></li>
    <ul>
        <li><a href="http://tropdebruit.be/texts/circulation-automobile">L'automobile</a></li>
        <li><a href="http://tropdebruit.be/texts/aviation">L'aviation</a></li>
        <li><a href="http://tropdebruit.be/texts/brabant-wallon">Le Brabant wallon</a></li>
        <li><a href="http://tropdebruit.be/texts/les-comportements-humains-ayant-un-impact">Les comportements humains et l'environnement</a></li>
        <li><a href="http://tropdebruit.be/texts/les-institutions-citees-sur-ce-site">Les institutions et la politique</a></li>
        <li><a href="http://tropdebruit.be/texts/nature-et-environnement">La nature et l'environnement</a></li>
    </ul> 

    <li><FONT COLOR="#FFFFFF"><CENTER> Rubriques </CENTER></FONT></li>
    <ul>
        <li><a title="Voir la rubrique sur le site" href="/conferences_debats_et_autres_reunions_d_informations.shtml">A assister</a></li>
        <li><a  href="/actions_en_cours_ce_que_vous_devez_faire.shtml">A faire</a></li>
        <li><a  href="/a_signer.shtml">A signer</a></li>
        <li><a  href="/archives_des_activites.shtml">Archives des activités</a></li>
        <li><a  href="/tropdebruit.shtml">Avions: actualité, bruit et pollution</a></li>
        <li><a  href="/autrenouvelle.shtml">Les autres nouvelles</a></li>
        <li><a  href="/tropdechimique.shtml">Pollution, chimie et substances nocives</a></li>
        <li><a  href="/questions_d_elections.shtml">Questions d'élections</a></li>
        <li><a  href="/tropdenuisances.shtml">Trop de nuisances dans nos vies</a></li>
        <li><a  href="/trucs_et_astuces.shtml">Trucs et Astuces</a></li>
        <li><a  href="/un_petit_acces_d_humeur.shtml">Un petit accès d'humeur...</a></li>
    </ul>
    <li><FONT COLOR="#FFFFFF"><CENTER> Voyagez rapidement sur le site </CENTER></FONT></li>
    <ul>
    <li><FONT COLOR="#FFFFFF"><CENTER> Des liens rapides vers </CENTER></FONT></li>
    <ul>
        <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon">l'asbl Trop de bruit en Brabant wallon et ses actions</a></li>
        <li><a href="http://tropdebruit.be/texts/trop-de-bruit-en-brabant-wallon#la_charte_de_tbbw_en_ce_qui_concerne_les_avions">la charte sur les nuisances aériennes de TBBW</a></li>
        <li><a target="_blank" href="http://tropdebruit.info/TropdeBruitenBrabantwallon.pdf">le dossier des nuisances aériennes pour les débutants</a></li>
        <li><a href="http://tropdebruit.be/tropdebruit.shtml">tout sur les avions</a></li>
        <li><a href="http://tropdebruit.be/texts/naviguez-avec-les-mots-cles">tous les articles sur un sujet </a></li>
        <li><a href="http://dossier.tropdebruit.be/">l'environnement en Brabant wallon </a></li>
        <li><FONT COLOR="#FFFFFF"><CENTER> Allez voir... </CENTER></FONT></li>

        <li><a href="http://tropdebruit.be/texts/les-demarches-de-nos-locales">les démarches de nos locales </a></li>
        <li><a href="http://tropdebruit.be/texts/ce-qui-se-passe-dans-nos-communes">ce qui se passe dans nos communes </a></li>
        <li><a href="http://tropdebruit.be/actions_en_cours_ce_que_vous_devez_faire.shtml">les choses à faire </a></li>
        <li><a href="http://humeur.tropdebruit.be/">les humeurs de Trop de Bruit </a></li>
        <li><FONT COLOR="#FFFFFF"><CENTER> N'oubliez pas... </CENTER></FONT></li>

        <li><a href="http://tropdebruit.be/a_signer.shtml">de signer... </a></li>
        <li><a href="http://tropdebruit.be/lists/links/5.shtml">de consulter ces sites</a></li>
        <li><a href="http://tropdebruit.be/texts/formulaire-numero-un">de vous faire connaître</a></li>
        <li><FONT COLOR="#FFFFFF"><CENTER> Des outils </CENTER></FONT></li>

        <li><a href="http://tropdebruit.be/texts/comment_compenser_son_co2_.shtml">Comment compenser son CO²?</a></li>
        <li><a href="http://tropdebruit.be/texts/naviguez_avec_les_mots_cles.shtml">Naviguez avec les mots clés</a></li>
    </ul>
 
</ul>


Re: par chercheinfo le Dimanche 05/10/2008 à 10:33

chercheinfo Merci à tous les deux... (un peu en retard  )

Le code proposé n'améliore pas la situation... que du contraire...
Ce que je regrette le plus est le manque d'espace entre les onglets...

:-)

Denis


Re: par chercheinfo le Jeudi 25/12/2008 à 13:30

Isabelle,

J'ai rajouté une balise &nbsp;&nbsp; et vois le résultat...http://tropdebruit.be/
:-)

Denis.


Re: par isabelle le Lundi 29/12/2008 à 09:46

isabelle J'aime bien le fait que tu aies différenciée par de la couleur les parties d'onglets cliclables ou non :-) Je sens que je vais te piquer l'idée !!


A essayer... par isabelle le Samedi 20/09/2008 à 21:20

isabelle J'y connais pas grand chose en chteumeuleu, j'apprends en faisant, mais dans ton code j'essaierais bien de rajouter ce que j'ai mis en vert (je me suis permise, directement dans ton commentaire) et j'enlèverai ce qui est en rouge, pour la liste déroulante de ton dernier onglet. Tu as fais des sous-sous-onglets, et tes sous-sous listes ne sont pas fermées par </lu>. Mais comme ils sont tous au même niveau, peut-être ça pourrait passer avec une simple sous liste.
En tout cas il faut rajouter </ul> en plus pour fermer ta liste à la fin, c'est le seul truc dont je suis à peu près sûre.
Mitra mécanette si tu nous lis : au secours !!


Est-ce que par tgtg le Vendredi 30/01/2009 à 13:45

tgtg je peux faire quelque chose comme ça ?
<li>
<a>S'inscrire</a>
<ul>
<li>
<a href="http://l'adresse du lien">sur mon viablog</a>
</li>
</ul>
</li>
pour avoir un onglet non cliquable
et un onglet cliquable

[question pour Mitra ou Isabelle]


Re: Est-ce que par Mitra le Samedi 31/01/2009 à 18:06

Mitra tgtg,

href suivi de l'adresse du lien rend la chose cliquable.

<a href="http://l'adresse du lien">sur mon viablog</a>
Si tu veux quelque de non cliquable, il faudra mettre :
<a>sur mon viablog</a>


Re: Est-ce que par tgtg le Samedi 31/01/2009 à 18:42

tgtg Nous sommes d'accord alors :-)))

Je voulais
<a>S'inscrire</a> non cliquable
(mais je me demandais si on pouvait utiliser ce genre de code)
et
<a href="http://l'adresse du lien">sur mon viablog</a> cliquable :-)



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)


Archives par mois