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]Ecart entre élément <DIV>


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2005
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 64
    Par défaut [css]Ecart entre élément <DIV>
    Bonjour à tous,
    débutant en CSS, j'ai une question toute bête, voici mon fichier CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    #bandeau {
    	width:800px;
    	height:87px;
    	background-image:url(Bandeau.jpg);
    	background-repeat:no-repeat;
    	}	
     
    #blueline {
    	margin-top:0px;
    	width:800px;
    	height:10px;
    	background-color:#0080FF;
    	}
    J'affiche ensuite tout betement les éléments dans mon code HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <BODY>
    		<div id="bandeau"></div>
    		<div id="blueline"></div>
    ...
    L'idée est d'avoir le bandeau du site avec en dessous une ligne de couleur de
    la même largeur mais mon problème et qu'il y a un blanc vertical qui se glisse entre les 2 éléments.
    J'ai essayé de mettre les parametres de type margin-top et margin-bottom à 0 mais ca ne change rien...
    Qqun saurait-il d'ou ca peut venir?
    Merci beaucoup!!

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    58
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 58
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <BODY>
    		<div class="bandeau"></div>
    		<div class="blueline"></div>
    essais ça voir

  3. #3
    Membre confirmé
    Inscrit en
    Septembre 2005
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 64
    Par défaut
    merci mais le comportement est exactement le même avec la
    balise class (j'ai aussi du remplacer les '#' par des '.' dans ma css).
    Toujours un blanc entre les 2

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Après un petit test de ton code comme ceci :
    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
    <html>
    <head>
    <style type="text/css">
    #bandeau {
        width:800px;
        height:87px;
        background-image:url(Bandeau.jpg);
        background-repeat:no-repeat;
    background-color:#000000;
        }    
     
    #blueline {
        margin-top:0px;
        width:800px;
        height:10px;
        background-color:#0080FF;
        }
    </style>
    </head>
     
    <body>
    <div id="bandeau"></div>
            <div id="blueline"></div>
    </body>
    </html>
    Je dirais que ca vient pas de ton css s'il y a un espace blanc, car ton div bandeau prend exactement la bonne taille et etc...Au final, de mon coté j'ai exactement ce que tu veux.Donc je dirais que ca vient de ton image de fond, qui doit pas etre de la même taille que ton bandeau...Donc à voir

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Par défaut
    Pourquoi :
    #bandeau

    Et pas:
    .bandeau


  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Parce que le # correspond au identifiant (id) et le . définit une classe (class) fais un petit tour dans la FAQ Psycho

Discussions similaires

  1. [CSS]Ecart entre blocs de type div
    Par elspliffo dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 27/07/2006, 10h59
  2. [CSS] différence entre #bloc1 et div#bloc1 ?
    Par matperino dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/05/2006, 11h47
  3. Ecart entre 2 div
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 31/01/2006, 01h45
  4. [debutant][CSS] marges entre des éléments
    Par c-top dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 19/11/2005, 09h23
  5. [HTML][CSS]Décalage vertical entre éléments d'un tableau IE
    Par toctof dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/09/2005, 15h50

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