1 pièce(s) jointe(s)
Probleme integration d'images dans HTML/CSS
Bonjour à tous,
Je suis actuellement en train de faire un petit site pour un ami, malheureusement je n'arrive pas à mettre en forme mon footer.
Plutot que de faire un long discours explicatif, je vous donne les sources en peices jointes.
index.html:
Code:
1
2
3
4
5
6
7
8
|
</div> ## fin du div content
<div id="subnav">
</div>
img src="images/leftf.png" alt="test" class="leftfooter"></img>
<img src="images/rightf.png" alt="test" class="rightfooter"></img>
</body>
</html> |
1.css:
Code:
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
|
#content{
margin-left: 340px;
background-color: #DCDCDC;
padding: 10px;
padding-bottom: 50px;
-moz-border-radius: 20px;
}
.leftfooter{
position: relative;
float: left;
bottom: 300px;
}
.rightfooter{
position: relative;
float: right;
bottom: 100px;
}
#subnav{
height: 42px;
background-color: #000000;
clear:both;
} |
Le probleme avec mon code actuelle, c'est que j'ai un grand espace blanc sous le footer.
Mon objectif, est d'avoir une ligne noir de 42px de hauteur sur toute la largeur, il y aura du texte dedans.
Ensuite, je veux placer les 2 images, 1 a gauche et 1 a droite de la meme manière qu'actuellement mais sans le blanc en dessous...
( Je ne sais pas si c'est tres explicite :/ )
J'espere que vous pourrez me donner un petit coup de patte, j'ai l'impression d'avoir deja tout tenté :/
M'enfin, mon domaine c'est du dev pur, pas du boulot d'integrateur ^^
Allez bye ;)
edit: merci d'avoir deplacé le sujet dans le bon forum :ccool:
