Bonjour,
mes pages sur http://www.cyberacteurs.org/cyberactions/ fonctionne assez bien sauf qu'un internautes voit tout décalé (voir copie d'écran)
j'ai fais plusieurs essai pour rectifier cela mais sans succès convainquant, sauf l'essai de ne laisser que les 3 premiers items du menus
code html
la css
Modifié par debe (19 Dec 2013 - 18:19)
mes pages sur http://www.cyberacteurs.org/cyberactions/ fonctionne assez bien sauf qu'un internautes voit tout décalé (voir copie d'écran)
j'ai fais plusieurs essai pour rectifier cela mais sans succès convainquant, sauf l'essai de ne laisser que les 3 premiers items du menus
code html
<ul id="secnav">
<li><a href="<?php echo $chemin;?>index.php" title="accueil">Accueil </a></li>
<li><a href="<?php echo $chemin;?>cyberactions/index.php" title="Agir">Agir </a>
<ul>
<li><a href="<?php echo $chemin;?>cyberactions/petitions.php" title="Pétitions">Pétitions</a> </li>
<li><a href="<?php echo $chemin;?>cyberactions/actions.php" title="cyber actions">Cyber actions</a></li>
<li><a href="<?php echo $chemin;?>cyberactions/liste_rapide.php" title="Pétitions">Liste rapide</a> </li>
<li><a href="<?php echo $chemin;?>cyberactions/proposer.php" title="Proposer votre pétition ou cyberaction">Proposer</a></li>
<li> <a href="<?php echo $chemin;?>superactions/index.php" title="Actions ponctuelles et exceptionnelles">Super actions</a></li>
<li><a href="<?php echo $chemin;?>manif/index.php" title="Manifestez sur internet en même temps que la vrai">Cyber manifestations</a></li>
<li> <a href="<?php echo $chemin;?>archives/index.php" title="Les archives des pétition et cyberactions">Bilans</a></li>
<li> <a href="<?php echo $chemin;?>lanceurs_alertes/index.php" title="Soutiens à des lanceurs d'alertes">Lanceurs d'alertes</a></li>
<li> <a href="<?php echo $chemin;?>sondages/index.php" title="Sondages">Consultations </a></li>
</ul>
</li>
<li><a href="<?php echo $chemin;?>informer/index.php" title="Informations citoyennes">S'informer</a>
<ul>
<li> <a href="<?php echo $chemin;?>blog/index.php" title="Notre blog d'infos">Blog</a> </li>
<li><a href="<?php echo $chemin;?>quotidien/index.php" title="Notre revue de presse quotidienne">e-quotidien</a> </li>
<li><a href="<?php echo $chemin;?>amis/index.php" title="Notre liste de liens">Sites amis</a> </li>
<li><a href="<?php echo $chemin;?>annuaire/index.php" title="présentation de structures solidaires">Annuaire solidaire</a> </li>
<li><a href="<?php echo $chemin;?>publications/index.php" title="Nos sympathisants sont actifs : leurs publications">Publications</a> </li>
<li><a href="<?php echo $chemin;?>video/index.php" title="Visionnez des vidéos militantes">Vidéo</a> </li>
<li><a href="<?php echo $chemin;?>forum/index.php" title="Forum">Forum</a> </li>
<li><a href="<?php echo $chemin;?>agenda/index.php" title="Les évênements à venir">Agenda</a> </li>
<li><a href="<?php echo $chemin;?>institutions/index.php" title="Liste et contact d'élus (députés, sénateurs,euro députés,maires)">Liste d'élus</a> </li>
<li><a href="<?php echo $chemin;?>sans_ogm/index.php" title="Infos sur les OGM">Infos sur les OGM</a></li>
</ul>
</li>
<li><a href="<?php echo $chemin;?>presentation/index.php" title="Présentation de l'association cyberacteurs">Nous connaître</a>
<ul>
<li><a href="<?php echo $chemin;?>presentation/index.php" title="Présentation de l'association cyberacteurs">L'association</a> </li>
<li><a href="<?php echo $chemin;?>presentation/statuts.php" title="les statuts de l'association cyberacteurs">Les statuts</a> </li>
<li><a href="<?php echo $chemin;?>presentation/FAQ.php" title="FAQ : comment ça marche ?">FAQ</a> </li>
</ul>
</li>
<li><a href="<?php echo $chemin;?>aider/index.php" title="Cyberacteurs est une association : nous avons besoin de vous">Nous aider</a>
<ul>
<li> <a href="<?php echo $chemin;?>aider/don.php" title="Les seuls financements de cyberacteurs : dons et adhésions ">Don</a> </li>
<li><a href="<?php echo $chemin;?>aider/adhesion.php" title="Les seuls financements de cyberacteurs : dons et adhésions ">Adhésion</a></li>
<li> <a href="<?php echo $chemin;?>aider/recommander.php" title="Recommander cyberacteurs.org avec vos amis ">Recommander </a> </li>
<li> <a href="<?php echo $chemin;?>aider/web.php" title="Code a mettre sur votre site ">Code pour sites</a></li>
<li><a href="<?php echo $chemin;?>aider/commentaires.php" title="Les commentaires de nos don'acteurs">Livre d'or</a></li>
<li> <a href="<?php echo $chemin;?>boutique/index.php" title="Vente de produits militants">Boutique solidaire</a></li>
</ul>
</li>
<li><a href="<?php echo $chemin;?>contacter/index.php" title="Contacter cyberacteurs">Nous contacter</a> </li>
<li><a href="<?php echo $chemin;?>compte/index.php" title="gérer son compte">Mon compte</a>
<ul>
<li><a href="<?php echo $chemin;?>compte/login.php" title="Connectez vous à votre compte afin de signer une pétition ou cyberaction">Connexion</a></li>
<li><a href="<?php echo $chemin;?>compte/logout.php" title="Déconnectez vous à votre compte ">Déconnexion</a></li>
<li> <a href="<?php echo $chemin;?>compte/insc.php" title="l'inscription permet de signer plus facilement et de suivre vos signatures ">Inscription</a></li>
<li> <a href="<?php echo $chemin;?>liste_dif/index.php" title="Recevevez gratuitement les informations de cyberacteurs par courrier électronique">Lettre d'infos</a></li>
<li> <a href="<?php echo $chemin;?>compte/index.php" title="Modifiez votre profil, suivez vos signatures ...">Mon profil</a></li>
</ul>
</li></ul>
la css
/*menu */
#cat_navi li a span {
font-size: 12px;
font-weight: normal;
}
/* Second Menu */
#secnav, #secnav ul {
padding: 0;
margin:0;
list-style: none;
line-height: 1;
width:700px;
background-color: #444444;
}
#secnav a {
display: block;
padding: 0em 0.9em;
color: white;
text-decoration: none;
}
#secnav li {
cursor: pointer;
text-decoration:none;
text-transform:uppercase;
max-width:550px;
}
#secnav li:hover, #secnav li.sfhover1 {
cursor: pointer;
text-decoration: none;
max-width: 550px;
}
#secnav li {
float: left;
font-size: 12px;
}
/* Style drop down list */
#secnav li ul {
position: absolute;
width: 1em;
width: 188px;
left: -999em;
z-index: 10;
border-width: 0px 0px 0px;
}
#secnav li li {
font-weight: normal;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 2px;
}
#secnav li:hover ul, #secnav li.sfhover1 ul {
left: auto;
}
#secnav li ul li a {
width: 150px;
background-color: #444444;
font-size: 12px;
color: white;
margin: 0px 0;
text-align: left;
padding-top: 4px;
}
#secnav li ul ul {
margin: -19px 0 0 188px;
border-width:1px;
}
#secnav li:hover ul ul, #secnav li.sfhover1 ul ul {
left: -999em;
}
#secnav li:hover ul, #secnav li li:hover ul, #secnav li.sfhover1 ul, #secnav li li.sfhover1 ul {
left: auto;
}
#secnav a:hover
{
color: #1e8095;
}
/* IE7 Fix */
#secnav li:hover, #secnav li.hover {
position: static;
}
Modifié par debe (19 Dec 2013 - 18:19)