Discussion :

[bolo]

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

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

[bolo]

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 :

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

[frog43]

Essaye un truq du genre :

Code :

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

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

[bolo]

alors j'ai fais la correction. Le header est bien collé mais les autre divs sont endessous de lui

[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

[bolo]

dans ton exemple il n'utilise pas position:abosolute. Je vais l'enlever de mon coté.

[frog43]

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