28220 sujets

CSS et mise en forme, CSS3

[Résolu] Bordures en images et contenu extensible en css

Bonjour à tous,

J'aimerai savoir si il est possible de faire un site css comme ceci :

upload/2712-gabarie.jpg

Pke j'avoue que moi j'ai du mal mais alors...Du mal quoi je voudrais que mes bordures bleu la ça soit une image qui s'étire quand je marque du contenue et que suivant la résolution de l'écran, le site s'étire en gardant les bordures fixes et les marges fixes mais que le contenue s'étire.

Enfin si c'est pas bien claire..demandez-moi

Je n'ai pas poster de code car je sais vraiment pas comment m'y prendre quel positionnement utiliser relatif, fixe...La vraiment je sais pas par quoi commencer...Si vous avez des idées, je suis preneur !

Merci Smiley cligne

Ciao
Modifié par Styblue (02 Aug 2005 - 13:20)
Si j'ai bien suivi :
- les deux marges latérales sont fixes (30px)
- les deux images latérales s'étirent en hauteur avec le contenu
- le contenu s'étire en largeur selon la largeur d'affichage et en hauteur selon leur contenu ?

Auquel cas, ceci devrait faire l'affaire :



En CSS:

body {
padding: 0 30px;
margin: 0;
}
#left {
background: url(left.png) left top repeat-y;
padding-left: 40px;
}
#right {
background: url(right.png) right top repeat-y;
padding-right: 40px;
}
#first {
margin-top: 0;
}
#last {
margin-bottom: 0;
}



Et en HTML:

<body>
<div id="left">
<div id="right">
<h1 id="first">Premier élément : mettre margin-top à zéro</h1>
...
<p id="last">Dernier élément: mettre margin-bottom à zéro</p>
</div>
</div>
</body>


Les images left.png et right.png étant du type 30px de large sur quelque-chose comme 5px de hauteur, répétées verticalement...
Modifié par Laurent Denis (02 Aug 2005 - 07:18)
Bah la je m'agenouille devant tant de puissance ^^ !
Merci merci merci !!
Ca marche et c'est exactement ce que je voulais !!
T'es trop fort Smiley ravi

Merci et bonne continuation !!

Ciao
Sujet clos
Aller à