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

Version imprimable

:D 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:

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:

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 :oops:

Merci !

Salut,

voici comment faire:

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
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>

A retenir:

-id pour les éléments uniques et class pour les éléments pluriels...

@+ :wink:

13/06/2005, 15h23
khany

:D merci pour l'aide !

Ca me permet d'avancer et je commence à vraiment comprendre la logique CSS :wink:

Merci !