La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Menu fixe
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Menu fixe  (Lu 1526 fois)
Menu fixe
« sur: le 10-10-2013 a 00:05:13 »
Elfy75
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 69





Voir le Profil    WWW    E-Mail
Répondre avec citation

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*/
      }
   

Rapporter au modérateur  

Re:Menu fixe
« Répondre #1 sur: le 10-10-2013 a 11:31:56 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

hello,

un exemple vaut mieux qu'un long discours 
aurais-tu une url de test ?

Rapporter au modérateur  
Re:Menu fixe
« Répondre #2 sur: le 15-11-2013 a 17:25:22 »
gwenm
Membre récent
*

Hors-Ligne

Messages: 42





Voir le Profil    E-Mail
Répondre avec citation

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

« Dernière Édition: le 15-11-2013 a 17:26:06 par gwenm » Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg