[CSS] Probleme de mise en forme...

Probleme de mise en forme... [CSS] - HTML/CSS - Programmation

Marsh Posté le 21-04-2004 à 00:30:29    

Bonjour!  
 
Je souhaite abandonner définitivement un système à base de table au profit d'une approche CSS avec des DIV et tout... Seulement, je crois qu'une chose est impossible à réaliser en CSS (je n'ai rien trouver pour y parvenir)
 
Plutot que de longues explications, voici un exemple:
 
http://www.deepnight.net/core.php?idSys=news
 
Vous noterez que le cadre de chacun des articles est dynamique en taille si on modifie les dimensions du browser, ce qui est plutot simple avec des tables...  
 
Seulement voila, je n'ai aucune idée de la facon de créer une telle chose en CSS. A priori, chaque cadre serait composé de:
. 4 coins en position bloquée, sans repeat (top-left, top_right, ..etc)
. 4 bords avec repeat
 
Comment puis-je réaliser cela en CSS ? Des DIVs imbriqués ?
 
Merci pour vos conseils :)


Message édité par deepnight le 21-04-2004 à 00:31:29

---------------
http://www.motion-twin.com > > http://www.frutiparc.com | http://www.kadokado.com | http://www.monzoo.net
Reply

Marsh Posté le 21-04-2004 à 00:30:29   

Reply

Marsh Posté le 21-04-2004 à 00:54:16    

Pour commencer voir : http://ljouanneau.com/standards/css/cadre/ pour faire un cadre en image avec des DIV (le site à l'air down pour l'instant)
 
Ensuite il faudra insérer tout ça dans  un classique design à 2 colonnes


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-04-2004 à 08:55:29    

Faire des tableaux sans <table> : http://www.pompage.net/pompe/csspratique/
 
En quoi la mise en page par tableaux est-elle stupide : problématique définie, solutions offertes : http://www.cybercodeur.net/weblog/ [...] s/seybold/

Reply

Marsh Posté le 21-04-2004 à 14:00:27    

Impeccable :) il semblerait que ce soit exactement la solution que je cherchais... Je ne voyais pas trop comment combiner les DIV pour obtenir ce résultat, et l'exemple sur ton lien nagadoudi colle parfaitement.


---------------
http://www.motion-twin.com > > http://www.frutiparc.com | http://www.kadokado.com | http://www.monzoo.net
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed