28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai essayé la méthode de l'excellent livre "Pratique du design web" pour faire un cadre arrondi blanc avec filet noir.
Je rappele pour ceux qui ne connaîssent pas la technique qu'il s'agit d'avoir une image pour le haut et une image longue pour le bas.

L'inconvénient c'est que ce cadre intègre des flux changeants (RSS) et la taille varie d'un jour à l'autre, hors j'ai des difficultés avec le cadre :

- si texte < image_bas = manque la bas arrondi
- dans tous les cas = trois pixels en haut sous l'image du haut (décalage haut-bas)

Merci de votre aide !
Modifié par Samuel Berg (14 Mar 2006 - 12:55)
J'ai compris pour le bas :
url(monimage.png) bottom left no-reapeat ! Au lieu de top left... les copier coller ça n'a pas que du bon !

Par contre j'ai toujours des difficultés pour les pixels...
Modifié par Samuel Berg (14 Mar 2006 - 14:56)
Sinon tu as une autre méthode qui consiste à mettre l'image"haut" dans la div "haut" en no-repeat, l'image "bas" dans la div "centre" en bottom no-repeat, et l'image "milieu" dans la div "contenu", selon ce modèle:
<div id="centre">
<div id="haut">
<h1>TITRE</h1>
</div>

<div id="contenu">
ton texte....
</div>
</div>
r@tdelabo