[CSS] Mise en Page

Version imprimable

27/03/2006, 16h58
bolo

[CSS] Mise en Page

Salut,

je suis en train de travailler sur la mise page
http://www.independza.com/client/expay/index.html
comme vous pouvez le constatez ca ressemble tres loin de ca
http://www.independza.com/client/expay/preview.jpg

un tit coup de main :p

Merci a tous
27/03/2006, 17h37
frog43

Il suffit de placer chaque élément différent dans une balise div, et à laide du CSS donner tous les positionement et les tailles ...

Je comprends pas ta réponses.
La mise ne page est déja faite en CSS.
Par exemple pourquoi le header n'est pas collé au haut de la page

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
<div id="header">
<ul>
   <li class="courant">ACCEUIL</li>
   <li>CHANGER VOTRE ARGENT</li>
 
   <li>DISTRIBUTEURS</li>
   <li>SITES MARCHANDS</li>
   <li>F.A.Q</li>
   <li>CONTACT</li></ul>
   <img class="milieu" src="images/anonyme.jpg" alt="flash" />
 <h1> <a href="http://www.expay.org" title="Expay : La Révolution est en marche"><span>Expay : La Révolution est en marche</span></a></h1>
 
</div>
/*  ----------------------------------------------------------------------------------------------------------------------------
/*  HEADER
/*  ----------------------------------------------------------------------------------------------------------------------------
*/
#header {
	background-image: url(../images/background_header);
	background-repeat: repeat;
	width: 100%;
	margin:0;
	padding:0;
	height:199px;
 }

Essaye un truq du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #header { position:absolute; left:XXpx; top:XXpx; background-image: url(../images/background_header); background-repeat: repeat; width: 100%; margin:0; padding:0; height:199px; }
Du coup ta plus qu'as mettre les valeur de la position à la place des XX ...
Je pense que sa devré être bon ... (pour coller en haut de la page : top :5px par exemple ...)

28/03/2006, 13h36
bolo

alors j'ai fais la correction. Le header est bien collé mais les autre divs sont endessous de lui
28/03/2006, 13h47
titoumimi

si tu veux, j'avait fait un zip avec un exemple de positionnement pour les divs...

http://titoumimi.free.fr/code/exemple_div.zip

En espérant que ca puisse t'aider ;)
28/03/2006, 14h06
bolo

dans ton exemple il n'utilise pas position:abosolute. Je vais l'enlever de mon coté.
28/03/2006, 23h10
frog43

Si il sont superposé il faut gérer sa avec z-index ...