Bonjour,
Je m'arrache les cheuveux sur un blog que je suis en train de développer. J'ai des scripts php qui génére du xhtml1.1 strict sous cette forme :
<'div id='logo'>Le logo<'/div>
<'div id='entete'>Entete<'/div>
<'div id='news'>News<'/div>
<'div id='menu'>Menu<'/div>
<'div id='tribune'>Tribune<'/div>
<'div id='pied'>Pied<'/div>
(j'ai rajouté des ' pour que les balises s'affiche hein :)
J'aimerais savoir si je peut réaliser ces différents layout via des css :
http://zoukonet.free.fr/screenshot/css/layout1.jpg(...)
http://zoukonet.free.fr/screenshot/css/layout2.jpg(...)
http://zoukonet.free.fr/screenshot/css/layout3.jpg(...)
Il faudrait que je puisse faire les 3 sans toucher au code xhtml. D'où la question, Est ce que l'ordre des blocs dans le xhtml est important (ca me parait un peu louche puisque le but est de séparer le fond de la forme). Si vous pouviez me sortir de là :)
Journal Questions sur les css...
24
sept.
2003
# Re: Questions sur les css...
Posté par seginus . Évalué à 2.
Cette page devrait répondre à toute tes questions :
http://selfhtml.selfhtml.com.fr/css/proprietes/positionnement.htm(...)
[^] # Re: Questions sur les css...
Posté par Anonyme . Évalué à 1.
[^] # Re: Questions sur les css...
Posté par seginus . Évalué à 1.
Par exemple, pour le premier, ça peux faire un truc du genre
div.logo
{
position : absolute ;
left : 30% ;
right : 30% ;
top : 50px ;
height : 100px ;
}
div.entete
{
position : absolute ;
top : 200px ;
left : 50px ;
right : 50px ;
height : 100px ;
}
etc...
[^] # Re: Questions sur les css...
Posté par david thenon . Évalué à 1.
Donc si tu veux pas faire du fixé avec des largeurs en pixels, tu utilises des %, la tu imposes des tailles sans réellement connaitre la taille à l'avance, juste définir des proportions.
Si tu souhaites faire des feuilles de styles pour des modèles vraiment différents, il faut que ton code prévoit tout les cas de figures auparavant.
Donc il ne faut pas hésiter à ajouter des cadres de positionnement avec des class/id même s'ils ne semblent pas avoir d'intérêt au premier regard.
Le mieux est que tu regarde le code de :
http://plop.logicielslibres.info/(...)
http://www.csszengarden.com/tr/francais/(...)
[^] # Re: Questions sur les css...
Posté par Anonyme . Évalué à 1.
Donc la par exemple http://zoukonet.free.fr/test/plop.html(...)
Comment faire pour avoir le bloc de news au millieu et non pas au dessus du menu et de l'annexe ?
# Re: Questions sur les css...
Posté par Nicolas (site web personnel) . Évalué à 2.
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html(...)
Et comme toujours la référence:
http://www.openweb.eu.org/(...)
et plus particulièrement:
http://openweb.eu.org/articles/initiation_flux/(...)
# Re: Questions sur les css...
Posté par Laurent J (site web personnel, Mastodon) . Évalué à 1.
En théorie, l'ordre des blocs importe peu (surtout si tu travaille en position:absolute), mais en pratique, l'ordre importe, ne serait-ce que pour la lecture de la page sans style (ou pourrait mettre l'entete en fin de page, mais ça n'a aucun sens).
L'ordre que tu as donné convient...
A toi aprés de jouer avec les float, position etc...
[^] # Re: Questions sur les css...
Posté par Anonyme . Évalué à 1.
# Re: Questions sur les css...
Posté par Rénald Casagraude . Évalué à 2.
Allez prenons une claque tous en coeur :
http://www.csszengarden.com/(...)
:-)
R.
[^] # Re: Questions sur les css...
Posté par KiKouN . Évalué à 1.
Sinon j'aime bien le modèle "prêt-à-porter"
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.