Html CSS mise en page

Bonjour

Je suis débutant et j'ai déjà cherché et trouvé pas mal de tuto mais je n'arrive pas à les adapter à ce que je veux faire.. j'ai fais pas mal d'essais mais je n'arrive pas du tout à faire ce que je veux...
J'aimerais simplement faire ça :
Pièce jointe 193605

Les X c'est des images et le gros carré c'est un div avec ça dedans

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

.P1 { border-radius: 20px 0px 20px 0px; box-shadow: 0px 0px 10px black; padding: 20px; width: 800px; height: auto; opacity: 0.8; line-height: 40px; text-align: center; } .center { margin-left: auto; margin-right: auto; }

---

Entre les position relative absolute les floats et margin etc.. je suis un peu perdu!

Bonjour,
pour commencer essaies de visualiser un découpage de ta page en zones, tu ne devrait pas avoir besoin d'avoir recours au positionnement absolute/relatif.

:fleche: Propriétés d'affichage et de positionnement.

ho pas mal ce tuto, j'étais pas tombé sur cette page, je vais jeter un oeil. Merci

Et bien non je n'y arrive pas, c'est d'ailleurs pour ça que je demande de l'aide, les simples tutos pour placer un cube dans une page c'est bien gentil mais moi j'essaye de placer des textes par rapport à des photos centrées et je sais pas du tout comment faire! Je vois très bien le découpage dans ma tête mais j'ai aucune idée de comment bien faire pour que ça rende comme je vous l'ai indiqué! J'ai fais des tests mais ça ressemble à rien...

Citation:

---

Envoyé par chapichaposurunbato

...Je vois très bien le découpage dans ma tête...

---

Nous ne sommes pas dans ta tête.

-> dessine les "boites".
Tu verras mieux comment les "emboiter".

Pièce jointe 193716

le découpage est exactement comme sur l'image! Au lieu de "some text" imagines un carré et c'est ce que je veux faire! ^^
De toute manière du texte ou des images c'est pareil j'imagine c'est juste une question de mise en page.. c'est ça que je n'arrive pas à faire.. je ne sais pas quoi utiliser et où pour avoir cette mise en page..

Les "boites" sont des <div>.

Avec le dessin (cf mon message précédent), tu devrais déjà pouvoir écrire le code HTML.

Le CSS en découlera.

• Glossaire des propriétés CSS
• FAQ CSS