IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[CSS] espace avant affichage menu


Sujet :

CSS

  1. #1
    Membre à l'essai
    Inscrit en
    Octobre 2004
    Messages
    38
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 38
    Points : 21
    Points
    21
    Par défaut [CSS] espace avant affichage menu
    Bonjour à tous,
    à l'aide de tutorial trouvé sur le net, j'ai fait un menu horizontal en CSS. L'affichage du menu correspond à ce que je veux, par contre, un espace (comme si j'avais mis un <br> avant le menu apparait).
    Car voyez-vous, j'aimerais faire une entête pour mon site comprenant un bandeau d'image avec ma barre de menu collé juste en dessous. Ms je n'arrive pas car entre l'image et la barre de menu, il y'a un esapce comme un <br>. Est ce que ceci est dû à la balise <div>? Comment faire pour tt coller?

    Voici mon source :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
     
    #nav1{
    margin : 0;
    padding : 0;
    white-space: nowrap;
    }
     
    #nav1 ul {
    background-color: #64C639;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    position:relative;
    }
     
    #nav1 li {
    list-style-type: none;
    display: inline;
    }
     
     
    #nav1 a {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bolder;
    border: none;
    text-decoration:none;
    /*width: 12%;*/
    border: 1px dotted #FFFFFF;
    }
     
    #nav1 a:hover{ 
    background-color: #CCFF99;
    color: #69E833;
    }
    Merci d'avance

  2. #2
    Membre averti Avatar de piff62
    Inscrit en
    Décembre 2003
    Messages
    431
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Décembre 2003
    Messages : 431
    Points : 417
    Points
    417
    Par défaut
    Et en ajoutant un margin-top : 0; dans ton #nav1 ul ?

  3. #3
    En attente de confirmation mail Avatar de fred777888999
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    250
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 250
    Points : 292
    Points
    292
    Par défaut
    Sur quel navigateur ? Si cet espace est present sous ie et pas ff, c'est que tu as des espaces entre la fin de ton div nav et ta balise ul.

  4. #4
    Membre à l'essai
    Inscrit en
    Octobre 2004
    Messages
    38
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 38
    Points : 21
    Points
    21
    Par défaut
    en fait l'affichage de l'espace apparaissait ds les 2 types de navigateurs.
    Mais merci bcq à vous car il me fallait bien
    margin-top : 0; dans ton #nav1 ul
    Maintenant, j'obtien exactement ce que je voulais, merci bcq

  5. #5
    Membre averti Avatar de piff62
    Inscrit en
    Décembre 2003
    Messages
    431
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Décembre 2003
    Messages : 431
    Points : 417
    Points
    417
    Par défaut
    Citation Envoyé par calimero82
    en fait l'affichage de l'espace apparaissait ds les 2 types de navigateurs.
    Mais merci bcq à vous car il me fallait bien
    margin-top : 0; dans ton #nav1 ul
    Maintenant, j'obtien exactement ce que je voulais, merci bcq
    De rien
    Content d'avoir pu t'aider
    Bon courage pour la suite !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème d'affichage menu CSS
    Par ddl85 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 07/10/2009, 15h59
  2. probleme affichage menu déroulant CSS/java sous IE
    Par ex6s10z dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 14/06/2007, 15h38
  3. [CSS] Pb d'affichage de menu
    Par frog43 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 25/03/2006, 16h52
  4. [CSS]Taille de l'espacement avant et après d'un paragraphe
    Par Andry dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/02/2006, 12h26
  5. [CSS] Espace avant / après un <ul>
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 10/01/2006, 21h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo