[CSS] débutante : un entête fixe avec image dans le CSS

**khany** · 13/06/2005, 13h41

Bonjour !

Je débute avec les CSS et je me demande comment placer dans la CSS l'équivalent de ce code HTML qui place mon image d'entête :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="entete">
<table border="0" align="center">
	<tr>
		<td><img src="images/logo.gif" border="0" width="68" height="75" alt="" align="left"></td>
		<td width="340"><img src="images/etsro.gif" border="0" width="315" height="57" alt="" align="middle"></td>
		<td><img src="images/logo.gif" border="0" width="68" height="75" alt="" align="left"></td>
	</tr>
</table>
</div>

bien que j'ai déjà défini #entete dans la CSS :

Code :

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

1
2
3
4
5
6
 
#entete {
background-color: silver; 
height: 100 px; 
margin-bottom: 5px
}

je cale bêtement sur le fait d'éviter le même code HTML dans chaque page puisque mon entête ne change pas

Merci !

**koala64** · 13/06/2005, 14h32

Salut,

voici comment faire:

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
37
38
39
<html><head><title>Positionnement css</title><style>
<!--
 
#entete {
width: 476px;
height: 100px;
margin: 0 auto 5px auto;/*Centre le div entete*/
} 
 
/*Taille des images logo et alignement à gauche*/
img.logo {
width: 68px;
height: 75px;
float:left; }
 
/*Taille du conteneur central et alignement à gauche (du conteneur!)*/
#centre {
background-color: silver;
width: 340px;
height: 75px;
float: left; }
 
/*Taille de l'image centrale, transformation en bloc puis centrage au sein de la div*/
#centre img {
width: 315px;
height: 57px;
display: block;
margin: auto; }
 
//-->
</style></head><body>
 
<div id="entete">
<img src="images/logo.gif" alt="" class="logo">
<div id="centre"><img src="images/etsrolans.gif" alt=""></div>
<img src="images/logo.gif" alt="" class="logo">
</div> 
 
</body></html>