Bonjour a tous,j'ai le meme probleme que Kagome.
a savoir, lorsque ma fenetre est grande ouverte tout roule.
Mais quand l'affichage de ma fenetre est plus petit,
mon menu horizontal se déplace (les derniers blocs se mettent en dessous des 1ers...)
J'ai essayé la solution que Kagome a noté, en mettant :
left: auto;
top: auto;
mais ca ne marche pas, snif
je vous poste mon code
en espérant que vous aurez une réponse.
Merci d'avance!!!
<modération>Couleurs inutiles supprimées</modération>
Modifié par Miminerennaise (06 Mar 2007 - 08:51)
a savoir, lorsque ma fenetre est grande ouverte tout roule.
Mais quand l'affichage de ma fenetre est plus petit,
mon menu horizontal se déplace (les derniers blocs se mettent en dessous des 1ers...)
J'ai essayé la solution que Kagome a noté, en mettant :
left: auto;
top: auto;
mais ca ne marche pas, snif
je vous poste mon code
en espérant que vous aurez une réponse.
Merci d'avance!!!
body
{
width: 900px;
height: 100%;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
font-family: arial,verdana, helvetica, sans-serif;
/*overflow : auto ; /* hidden evite une barre horizontale */
font-size: 12px;
background-color:white ; /* le fond de la page est blanc */
color:black} /* les textes sont noirs */
}
HTML, BODY {
margin: 0px;
padding: 0px;
border: none;
width: 100%;
height: 100%;
}
/* menu deroulant */
dl, dt, dd, ul, li
{
margin: 0;
padding: 0x;
list-style-type: none;
}
#menuderoulant {
position:absolute;
z-index:100;
width: 100%;
font-family: verdana,arial,helvetica,sans-sherif;
margin-bottom: 1px;
left: auto;
top: auto;
text-align: center;
font-size: 11px;
}
#menuderoulant dl
{
float: left;
width: 10em; /* grandeur de la case menu */
margin: 2 1px;
}
#menuderoulant dt
{
cursor: pointer;
text-align: center; /* texte centré */
font-weight: bold; /* police en gras */
background: purple; /* couleur menu */
border: 1px solid gray; /* contour des menus */
margin: 1px; /* marge entre les menus */
color: white; /* couleur des menus */
}
#menuderoulant dd
{
border: 1px solid gray; /* contour des sous menus */
}
#menuderoulant li
{
text-align: center;
background: darkorchid; /* gris foncé */
font-weight: bold; /* bold = police en gras */
color: white;
margin: 0px; /* marge entre les menus */
line-height: 18px;
}
#menuderoulant li a, #menuderoulant dt a
{
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: white; /* couleur des liens */
}
#menuderoulant li a:hover, #menuderoulant dt a:hover
{
background-color: #d5f400; /* vert */
color: green;
}
/* fin menu deroulant */
/* Quelques effets sur les liens */
a:active /* Quand le visiteur clique sur le lien */
{
background-color: #4586df; /*bleu */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
color: #4586df; /*bleu */
text-decoration: none;
background-color: #d5f400; /*vert */
}
a /* liens */
{
color:#4586df; /*bleu */
background-color:transparent;
text-decoration:none; /*surligné=underline*/
}
<modération>Couleurs inutiles supprimées</modération>
Modifié par Miminerennaise (06 Mar 2007 - 08:51)
)