Discussion :

[Sourrisseau]

Voila la CSS que j'ai composé .

Code :

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

1
2
3
4
5
6
7
8
9
.lesliens { background-color:#EBE937; height : 30px; text-align : center;font-size : 20px; text-align : center;}
 
.accueil {background-color:#7492AE;width : 25%;	height : 30px}
 
.cv	 {background-color:#005BFF;width : 25%;	height : 30px}
 
.hobby{	background-color:#74625A;width : 25%;height : 30px;}
 
.formation{background-color:#746227;width : 25%;height : 30px;}

j'ai rentré le code HTML suivant :

Code html :

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

1
2
3
4
5
6
7
8
<div class="lesliens">
 
	<div class="accueil">ACCUEIL</div>
	<div class="cv">CV</div>
	<div class="hobby">HOBBY</div>
	<div class="formation">FORMATION</div>
 
</div>

Je voulais que les 4 div ( accueil , cv, hobby , formation) apparaisse cote a cote pour remplir la largeur de la page internet . Au lieu de cela ils sont empilés les uns sur les autres .....

Comment faire en sorte qu'ils soient l'un a coté de l'autre ?

Ou y a t il une methode plus simple pour y arriver (en utilisant les div)?

Merci d'avance !!!

[kodokan]

Salut

1. Pense a mettre la balise code
2.Pour aligner tes divs, il suffit de mettre la propriété float

Ce qui donne :

Code css :

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
30
31
32
.accueil 
{
background-color:#7492AE;
width : 25%; 
height : 30px;
float:left;
}

.cv 
{
background-color:#005BFF;
width : 25%; 
height : 30px;
float:left;
}

.hobby
{ 
background-color:#74625A;
width : 25%;
height : 30px;
float:left;
}

.formation
{
background-color:#746227;
width : 25%;
height : 30px;
float:right;
}

[Sourrisseau]

Que dire , si ce n'est que cela marche !!!