Bonjour tout le monde.


Je suis en train de me faire un site et je rencontre un petit problème pour le design.
En effet j'avais tout d'abord créé un fond pour me rendre compte ensuite qu'il fallait que je sépare chaque élément.
Pour que vous compreniez mieux je vous ai fait le fond schématiquement voilà c'est par ici

Donc j'ai séparé les photos, les cadres (j'ai donné ces noms pour mieux se repérer afin de ne pas avoir à dire "petit carré noir" "rectangle orange du milieu" :p)
Ensuite j'ai réussi à positionner correctement les photos au dessus des textes (car la position des textes est aussi celle des cadres) mais là arrive mon problème ...

Je précise que je désire positionner le cadre de façon à ce que le texte soit par au dessus (schéma : ici) et ça je n'y arrive pas... enfin j'y arrive, tout marche bien en 800*600 (ma résolution) mais quand je change de résolution il se déplace et forcément le cadre-fond n'est plus positionné derrière le texte..
J'ai fait encore une fois un petit schéma pour que ça soit plus clair ici

J'espère que vous avez bien compris si ce n'est pas le cas n'hésitez pas à me demander d'autres détails...

Merci d'avance à ceux qui pourront m'aider

Ce que je te propose est peut-être compliqué, mais ça pourrait marcher.

Tu met ta première ligne entre



Ton milieu entre



Et ta derniere phrase entre



Ensuite dans ton css:


Cette technique, quoi que longue te permettra d'affichier ton cadre même au dessus de ton texte

Merci beaucoup !

Enfin je me suis quand même faite de faux espoirs
Mais c'est déjà une très grande aide j'ai testé sur une autre résolution ça ne bouge pas, c'est parfait MAIS...il y'a un "mais" le problème c'est que le fond ne s'applique qu'au texte mais comme le fond possède un cadre et que mon texte n'occupe pas toute la place du cadre-fond (comme : ici) et bien (euhh..je ne sais pas vraiment comment expliquer alors j'ai fait une fois de plus un schéma ) ça fait ça.

J'ai essayé plusieurs choses sans succès c'est pourquoi je redemande un peu d'aide

Donc j'aimerais que le fond occupe plus que le texte et aussi qu'il existe une petite marge à gauche du texte car ici la ligne du cadre se situe tout au bord du texte ce qui n'est pas des plus plaisants.

Encore merci pour ton aide

Rebounjour

Tu peux mettre un background-repeat: repeat-x

Essai et reviens nous en parler

Avant d'écrire mon précédent message j'avais essayé plusieurs choses dont celle-ci et ça n'y change rien, le fond s'applique vraiment seulement au texte

As-tu bien déféni une grandeur et un lageur au fait?

Oui bien sûr et j'ai essayé plusieurs largeurs et plusieurs hauteurs pour voir si ça y changeait quelque chose mais ça n'y change rien.

Par contre en cherchant tout autre chose je suis tombé sur une résolution de mon problème, presque

Voilà le code css




Et le code html



Seulement je ne sais pas ce que j'ai changé mais je n'arrive plus à avoir le haut du cadre... (le cadre est divisé en 2 parties : le haut et le milieu + la fin)
Et je n'arrive plus à aligner l'image avec l'écriture et donc le cadre

Pour que le cadre soit extensible en hauteur, tu dois le diviser en 3