Placer les boites

bonjour,

avec bcp de mal j'avance dans l'appreentissage du css, mais la, je bloque

avec cette vous voyez ce que j'ai reussi a faire et ce que je n'arrive pas a faire :

et voici mon code concernant ces boites

#haut 
{ 
height: 125px; 
} 
#gauche 
{ 
float: left; 
width: 160px; 
border: solid ;
background-color: #095D50;
font-weight:bold;
color: white;
} 
#droite
{ 
float: right; 
width: 160px; 
border: solid ;
background-color: #095D50;
font-weight:bold;
color: white;
} 
#centre 
{ 
margin: 0 180px; 
background-image: url(ressources/fonds2.jpg);
}
#livreor
{
float: right; 
width: 160px; 
border: solid ;
background-color: #095D50;
font-weight:bold;
color: white;
}

il me manque #gauche2, #droite2 et 3 et #bas surlesquels je bloque on ne peut plus
pouvez vous m'aider svp
Modifié par greg62200 (04 Jul 2006 - 22:37)

Salut,
si tu schématises mieux ta page, tu verras que tu as une mise en page à 3 colonnes : une à gauche avec plusieurs blocs dedans, une centrale, une à droite avec plusieurs blocs dedans.
Regardes du côté des tutos pour ce genre de mise en page, tu devrais arriver à faire ce que tu veux

Un modèle de mise en page sur trois colonnes :
Page fluide avec trois colonnes.

ok merci
j'etais pas loin mais a force de lire lire lire lire et relire et relire et relire ... g compris mes erreurs

#haut 
{ 
height: 125px; 
} 
#gauche 
{ 
float: left; 
width: 160px; 
} 
#gauche1 
{ 
width: 160px; 
padding: 5px;
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#gauche2 
{ 
margin-top: 10px;
padding: 5px;
width: 160px; 
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#gauche3
{ 
margin-top: 10px;
padding: 5px;
width: 160px; 
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#droite
{ 
float: right; 
width: 160px; 
} 
#droite1
{ 
margin-top: 0px;
padding: 5px;
width: 160px; 
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#droite2
{ 
margin-top: 10px;
padding: 5px;
width: 160px; 
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#droite3
{ 
margin-top: 10px;
padding: 5px;
width: 160px; 
border: 3px solid #933938;
background-color: #095D50;
color: white;
text-align: center;
} 
#centre 
{ 
padding: 5px;
border: 3px solid #933938;
margin: 0 180px; 
background-image: url(ressources/fonds2.jpg);
text-align: center;
}
#bas
{
margin: 10px;
padding: 5px;
text-align: center;
background-color:#FFFFFF;
}

Modifié par greg62200 (05 Jul 2006 - 01:42)

Si ton pb est résolu... tu veux bien éditer ton post et me mettre dans le titre ? Merci

cktoon a écrit :
Si ton pb est résolu... tu veux bien éditer ton post et me mettre dans le titre ? Merci

Le modérateur modérant aprouve avec approbation cette suggestive suggestion.