Espace en bas de l'image dans un div

**arcane** · 14/10/2010, 14h58

Bonjour,

Je n'arrive pas à enlever un espace blanc en bas d'un div, avec un lien sur une image que je place dans ce div.

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
 
<title>SITE > Accueil</title>
<style type="text/css">
 .conteneur {
     width: 1000px;
     margin-left: auto;
     margin-right: auto;
     BACKGROUND-COLOR: #FFFFFF;
     vertical-align: middle;
}
.header {
     height: 100px;
     BACKGROUND-COLOR: #FFFFFF;
     background: #FFFFFF;
}  
.logo {
     float: left;
     border: #FF0000 1px solid;
}
</style>
</head>
<body>
<div class="conteneur">
    <div class="header">
       <div class="logo">
          <a href="index.php"> <img src="carrevert.png" border="0px" /></a>
       </div>
   </div><!-- end .header -->
</div>

l'image carrevert.jpg fait 100*100
si je mets border 1px, l'espace disparait.
si je mets border 0px, l'espace reste.

Merci pour vos idées.

**c_s_s** · 14/10/2010, 16h48

Bonjour,

Sur .logo tu peux ajouter une hauteur ou font-size:0;

Ca devrait résoudre le problème.

**Bisûnûrs** · 18/10/2010, 08h05

Et hop, un tour sur la FAQ :
http://css.developpez.com/faq/?page=...AGE_espacement

**polymorphisme** · 18/10/2010, 15h36

Merci de lire les faqs.

**arcane** · 27/10/2010, 18h12

Pour moi, un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img {
    vertical-align: middle;
}

dans le css a résolu l'espace

Espace en bas de l'image dans un div

HTML

Vue hybride

Discussions similaires

Partager

Partager