Discussion :

[abdellah63]

Bonjour,

J'aimerais créer deux boîte avec un header pour cela j'ai fait comme ceci

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
div.header
{
width:379px;
color:#999999;
background: url("images/cellpic.gif") repeat-x 20px;
margin-top: 30px;
margin-left:200px;
margin-right:auto;
margin-top:auto;
}
 
div.news
{
width:377px;
height:200px;
color:#FFFFFF;
border: 1px solid #505F7D;
background-color:#374663;
margin-left:200px;
margin-right:auto;
margin-top:auto;
}

mais quelque chose me dit que c'est pas bien propre tout ca
mais ce qui me pose vraiment probleme c'est que je ne sais pas comment il faut faire pour mettre deux boîte côte a côte voici une image de ce que j'aimerai avoir
Merci d'avance pour votre aide.

[Strix]

Salut.

Rajoute un float:left; dans div.news

[Nasky]

float:right selon son exemple

Nas'

[abdellah63]

Salut,

Merci de votre aide j'ai bouceaup avencer grace a vous

maintenant je suis bloquer au niveau header. c'est une petite image qui fait 3X25 que je veut mettre en header sur chaque tableau en repeat-x 20px;
j'espere que l'explication est compréhensible je suis un gros noob encore si vous avez des lien qui peuvent m'aider de ce coté la je suis preneur Merci. [biggrin]

[Nasky]

Bah tu l'as déjà défini dans ton style header. Ca ne marche pas ?

Nas'

[abdellah63]

Bonjour,
enfin j'ai reussi a avoir ce que je voulais je vai mettre la réponse pour les gens qui ont le meme probleme voila j'ai fait comme ceci:

->Pour avoir deux div côte a côte

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
/* Les deux colonnes */
 
 
#conteneur
{
   width:auto;
   margin-top:20px;
   padding-bottom:25px;
   background-image:url(images/fond.jpg);
   padding-top:5px;
}
 
#colonne1
{
   width:300px;
   height:200px;
   background-color:#374663;
   float:left;
   border: 1px solid #505F7D;
}
 
#colonne2
{
   width:300px;
   height:200px;
   background-color:#374663;
   float:right;
   border: 1px solid #505F7D;
}

->le header

Code :

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

.bordure {background: url("images/cellpic.gif") repeat-x 20px; border: 1px solid #505F7D;}

->et dans mon code HTML

Code :

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

1
2
3
4
5
6
7
8
<div id="colonne1">
     <div align=center class=bordure>blablablabla</div>
     blablabla</div>
 
   <div id="colonne2">
     <div align=center class=bordure>blablabla</div>
     blablabla
   </div>