Css
Fermé
diadiawoyi
-
4 févr. 2010 à 01:40
jona303 Messages postés 369 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 28 janvier 2013 - 4 févr. 2010 à 14:55
jona303 Messages postés 369 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 28 janvier 2013 - 4 févr. 2010 à 14:55
A voir également:
- Css
- Css premier plan ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css retour à la ligne ✓ - Forum CSS
- Saut de lignes sans <br/> ✓ - Forum Webmastering
2 réponses
lalouviere84
Messages postés
116
Date d'inscription
mardi 26 janvier 2010
Statut
Membre
Dernière intervention
19 janvier 2011
24
4 févr. 2010 à 14:44
4 févr. 2010 à 14:44
Salut
Voilà vite fait une solution toute faite selon tes critères ... ça donne exactement ce que tu voulais :
HTML :
<body>
<div>
<div id="gauche">
<div id="logo">logo</div>
<div id="navigation">navigation</div>
</div>
<div id="secondaire">secondaire</div>
<div id="header">header</div>
<div id="principal">principal</div>
<div>
<div id="footer">footer</div>
</body>
CSS :
div#gauche {
float:left;
width:152px;
height:500px;
margin-bottom:5px;
margin-right:5px;
}
div#logo {
width:150px;
height:150px;
margin:1px;
}
div#navigation {
width:150px;
height:350px;
margin : 1px;
}
div#secondaire {
float:right;
width:150px;
height:500px;
margin-bottom:3px;
margin-left:5px;
}
div#header {
height:150px;
margin-left:5px;
margin-right:5px;
}
div#principal {
height:345px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
div#footer {
height:35px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
Voilà vite fait une solution toute faite selon tes critères ... ça donne exactement ce que tu voulais :
HTML :
<body>
<div>
<div id="gauche">
<div id="logo">logo</div>
<div id="navigation">navigation</div>
</div>
<div id="secondaire">secondaire</div>
<div id="header">header</div>
<div id="principal">principal</div>
<div>
<div id="footer">footer</div>
</body>
CSS :
div#gauche {
float:left;
width:152px;
height:500px;
margin-bottom:5px;
margin-right:5px;
}
div#logo {
width:150px;
height:150px;
margin:1px;
}
div#navigation {
width:150px;
height:350px;
margin : 1px;
}
div#secondaire {
float:right;
width:150px;
height:500px;
margin-bottom:3px;
margin-left:5px;
}
div#header {
height:150px;
margin-left:5px;
margin-right:5px;
}
div#principal {
height:345px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
div#footer {
height:35px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
jona303
Messages postés
369
Date d'inscription
dimanche 25 janvier 2009
Statut
Membre
Dernière intervention
28 janvier 2013
28
4 févr. 2010 à 14:55
4 févr. 2010 à 14:55
voila, le rtuc c'est qu'il faut analyser la structure comme la fait le loup,
quand tu regardes ta page, tu peux séparer en plusieurs parties qui elle même se séparent en plusieurs parties.
En gros une colonne a gauche avec des div dedans, une colonne centrée avec des divs dedans, une à droite. et une en bas,..
par conter j'aurais plutot fait
avec un width fixe et un float left pour #gauche #center #droite
quand tu regardes ta page, tu peux séparer en plusieurs parties qui elle même se séparent en plusieurs parties.
En gros une colonne a gauche avec des div dedans, une colonne centrée avec des divs dedans, une à droite. et une en bas,..
par conter j'aurais plutot fait
<div id="gauche"> <div id="logo">logo</div> <div id="navigation">navigation</div> </div> <div id="center"> <div id="header"></div> <div id="principal"></div> </div> <div id="droite">secondaire</div> <div id="footer">footer</div>
avec un width fixe et un float left pour #gauche #center #droite
