Définir une zone sans tableau

Bonjour,

Je cherche à créer un bloc de contenu, mais je ne voudrais pas utiliser les tableaux pour la mise en forme mais les DIV.
Ce que je cherche à faire c'est une Div de 106*106 (ça c'est bon) et a droite de cette div, trois autre div, les une en dessous des autres qui contiendrait du txt (et la je n'y arrive pas).

Pour vous donner une idée de l'objectif, dans le carré, il y aura une image, dans la 1ere zone a droit le titre, en dessous la date et en dessous un descriptif.

Merci de votre aide

Bonsoir,

Pour commencer :
:arrow: http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Après, si tu as un problème n'hésites pas à revenir vers nous ;)

Ca tombe bien que vous parliez de ce tuto car il y a certain point à préciser.
Si je veux notamment que le bloc des new soit un peu décalé vers la gauche (qu'il ne soit pas collé tout à droite), ce n'est pas précisé.
J'ai essayé de rajouter un margin-right mais c'est sans effet

Si si, le margin-right fonctionne (peut-être pas bien sur IE6 par contre, comme d'hab). Tu l'as bien mis sur div#bloc_news ?

Code:

---

1 2 3 4 5 6 7

div#bloc_news { float:right; width:150px; height:150px; background-color:#FF3300; margin-right: 20px; }

---

N'hésite pas vider ton cache de temps en temps, le cache c'est drôlement fourbe.

C'est testé sous firefox.
Oui je l'ai bien mis dans le bon div.
Je teste dès ce soir pour le cache

Pour repondre a la quesion initiale :

HTML:

Code:

---

1 2 3 4 5

<div id="box1"></div> <div id="box2"></div> <div id="box3"></div> <div id="box4"></div>

---

CSS:

Code:

---

1 2 3 4

#box1,#box2,#box3,#box4{width:160px;height:160px;border:2px solid black;} #box1,#box2,#box4{float:left;} #box3{clear:left;}

---

Avec ca tu devrais avoir un carré de quatre carrés de 160 de coté.
Aprés arrange toi avec tes class et id de ton css.

Si tu veux les positionnés, place les dans un div parent que tu pourras deplacer sans modifier ta structure.