Bonjour, lorsque que j'écrit du texte sur ma page web, il y a toujours une espace d'environ 10px qui se met entre mes 2 bloc "head2" et "head3". Voici mon code :
[cpp]
<body>
<div class="head1"></div>
<div class="head2">
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
</div>
<div class="head3">
<div class="left">
<div class="actualite1"></div>
<div class="actualite2"></div>
<div class="actualite2"></div>
<div class="bottomtop"></div>
</div>
<div class="center">
<p>Text ici</p>
</div>
</div>
</body>
[/cpp]
Donc, quand je met du texte à l'endroit "Text ici" sur ma page jai un espace entre les 2 block et entre ceux-ci on voit mon background.
Voici mon css :
[cpp]
body {
background-image: url('images/background.jpg');
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
.head1 {
background: url('images/head1.jpg');
width: 780px;
height: 123px;
margin: 0px auto;
}
.head2 {
background: url('images/head2.jpg');
width: 780px;
height: 34px;
margin: 0px auto;
}
.head3 {
background: url('images/backgroundCenter.jpg');
width: 780px;
height: 550px;
margin: 0px auto;
}
.boutonMenu {
float: left;
border: 0;
}
.left {
position: absolute;
width: 266px;
height: 519px;
}
.actualite1 {
background: url('images/actualite1.jpg');
width: 266px;
height: 163px;
}
.actualite2 {
background: url('images/actualite2.jpg');
width: 266px;
height: 163px;
}
.bottomtop {
background: url('images/bottomTop.jpg');
width: 266px;
height: 30px;
}
.center {
margin-left: 300px;
}
[/cpp]
Merci
[cpp]
<body>
<div class="head1"></div>
<div class="head2">
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
<a href="http://www..."><img src="images/bla.jpg" class="boutonMenu" alt="bla" /></a>
</div>
<div class="head3">
<div class="left">
<div class="actualite1"></div>
<div class="actualite2"></div>
<div class="actualite2"></div>
<div class="bottomtop"></div>
</div>
<div class="center">
<p>Text ici</p>
</div>
</div>
</body>
[/cpp]
Donc, quand je met du texte à l'endroit "Text ici" sur ma page jai un espace entre les 2 block et entre ceux-ci on voit mon background.
Voici mon css :
[cpp]
body {
background-image: url('images/background.jpg');
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
.head1 {
background: url('images/head1.jpg');
width: 780px;
height: 123px;
margin: 0px auto;
}
.head2 {
background: url('images/head2.jpg');
width: 780px;
height: 34px;
margin: 0px auto;
}
.head3 {
background: url('images/backgroundCenter.jpg');
width: 780px;
height: 550px;
margin: 0px auto;
}
.boutonMenu {
float: left;
border: 0;
}
.left {
position: absolute;
width: 266px;
height: 519px;
}
.actualite1 {
background: url('images/actualite1.jpg');
width: 266px;
height: 163px;
}
.actualite2 {
background: url('images/actualite2.jpg');
width: 266px;
height: 163px;
}
.bottomtop {
background: url('images/bottomTop.jpg');
width: 266px;
height: 30px;
}
.center {
margin-left: 300px;
}
[/cpp]
Merci