Discussion :

[bossboss]

Bonjour,

Je suis un pur novice dans le develloppement Web. je cherche a faire un entete fixe du style.


LOGO ( a gauche ) + Titre en gros ( centrer )
un separateur ( qui fait la largeur de la page )

Code html :

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

1
2
3
4
5
<div id="entete">
  <img src="img/logo.jpg" alt="" class="logo">
  <div id="centre"><h1>Liste Article</h1></div>
  <img src="img/separateur.png" alt="" class="separateur">
</div>

Quelqu'un peut m'aider sur le CSS.
MERCI

[oceane751]

hey!!
ça te donne quoi ça? :

Code :

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

1
2
3
4
5
6
7
 
 
<div id="entete">
  <div style="float:left;"><img src="img/logo.jpg" alt="" class="logo"></div>
  <div id="centre" style="float:left;"><h1>Liste Article</h1></div>
  <img src="img/separateur.png" alt="" class="separateur">
</div>

[bossboss]

ca me mets le logo a gauche suivi du texte suivi du trait separateur

j'arrive pas a mettre le separateur en dessous du logo et du titre et surtout qu'il aille jusque bout de la page

[oceane751]

j'aurai fait un truc dans le style :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
 
<div id="entete">
  <div style="float:left;"><img src="img/logo.jpg" alt="" class="logo"></div>
  <div id="centre" style="float:left;"><h1>Liste Article</h1></div>
 
</div>
<img src="img/separateur.png" alt="" class="separateur">

les float:left; c'est pour mettre 2 elements l'un à coté de l'autre
et ton image separateur.png fait bien, comme taille, la largeur de la page?

[Torgar]

Ne pas oublié de rajouter un petit clear: both qui peut toujours éviter les surprises.

Code :

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

1
2
3
4
5
6
7
 
<div id="entete">
    <div style="float:left;"><img src="img/logo.jpg" alt="" class="logo"></div>
    <div id="centre" style="float:left;"><h1>Liste Article</h1></div>
</div>
<div style="clear: both;"></div>
<img src="img/separateur.png" alt="" class="separateur">

[oceane751]

[NoSmoking]

Bonjour,
j'ai également soumis sur ce post
http://www.developpez.net/forums/d11...e/#post6353135