Titre: Menu fixe
Posté par: Elfy75 le le 10-10-2013 a 00:05:13
Bonsoir,
Après avoir passé une journée à m'arracher les cheveux je viens vous demander de l'aide. Merci d'avance pour vos conseils
J'ai une page qui contient un menu, une barre en deco et en dessous un bandeau d'image très large; Obligation de scroller horizontalement pour arriver à la fin.
Mon problème c'est que lorsque je fais défiler mon bandeau dimage, mon menu et ma barre deco de suivent pas et disparaisse.
Ce que je voudrais faire c'est fixer le scroll horizontal de tout ces 2 éléments afin par exemple de toujours pouvoir accéder au menu sans avoir besoin de revenir avec le scroll horizontal tout à gauche.
J'ai essayé pas mal de chose dont la position fixed qui m'a causé des ravages.
Voici mon code HTML et CSS
Code:
<ul id="menu">
<li><a href="presentation.html">Presentation</a></li>
<li><a href="urban_art.html">Urban Painting</a></li>
<li><a href="modern_art.html">Modern Painting</a></li>
<li><a href="presse.html">Presse</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="ligne"></div>
|
|
Code:
#menu {
padding:15px;
margin:10px;
text-align: center;
}
#menu li {
display: inline;
list-style: none;
}
#menu a {
display:inline-block;
margin:0 20px;
font-family:apple garamond light;
color:#000;
font-size:30px;
letter-spacing:2px;
text-decoration:none;
}
#menu a:hover {
font-style:italic;
color: #999;
}
div.ligne {
padding-bottom:0px; /*Pour séparer le contenu de la bordure du bas du bloc*/
margin-bottom:0px; /*Pour séparer la bordure du prochain élément*/
border-bottom:6px solid black; /*Pour faire un trait noir horizontal*/
}
|
|
|
Titre: Re:Menu fixe
Posté par: KB le le 10-10-2013 a 11:31:56
hello,
un exemple vaut mieux qu'un long discours :)
aurais-tu une url de test ? |
Titre: Re:Menu fixe
Posté par: gwenm le le 15-11-2013 a 17:25:22
Salut, j'utilise ce code dans ma sidebar :
<div style="position: fixed; background-color:#fff; padding:5px; border-radius:5px;"></div>
après tu l'arrange comme tu veux.. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|