Bonjour,

Lecteur depuis un moment de ce site, je me décide à franchir le pas afin de poser une question : pour la première fois, je n'ai pas réussi à trouver la solution à mon problème rien qu'en fouillant les tutoriaux et le forum.

Je tente de créer un site en XHTML, avec un design fluide pour ma môman qui a tout plein de bonnes idées. J'ai une jolie maquette faite sous Word d'une page, avec plein d'objets images pour un rendu ma foi assez chouette. Mais, il faut réussir à en faire un site web après Smiley bawling ...

J'ai un paragraphe (dans une balise <p> donc) auquel je veux donner un background. En fait, j'aimerai lui en donner deux simultanément (ce qui est impossible il me semble).
Ce que je voudrais faire, c'est qu'il y ait une image en bas à gauche de mon paragraphe, et une autre en haut à droite. Je ne veux pas créer une seule image pour en faire un fond étirable, puisque la résolution de mon illustration se modifierait.
Ce que je veux obtenir, c'est que, quelque soit la taille du navigateur, que mes deux images soient toujours positionnées dans les deux coins opposés de mon paragraphe, et que par contre, les deux images ne soient jamais modifiées/altérées.

Et là, j'avoue que je sèche :
Une des seules solutions que je vois est l'intégration d'une balise <img> dans mon paragraphe, mais je ne le souhaite pas trop : il ne s'agit que d'illustrations, le rapport avec le contenu est quasi-nul (et comme je souhaite permettre ensuite via le css de faire des changements de thème, insérer des objets qui ne servirait qu'à un de ces thèmes n'est pas génial).
Une autre solution qui me semble plausible, serait la création d'un bloc supplémentaire qui aurait les mêmes dimensions que mon paragraphe, et je jouerai avec la superposition des deux background, mais là, je ne vois pas comment rédiger mon css et je ne sais pas si c'est vraiment une bonne idée.

Alors je me tourne vers vous.
Que puis-je faire pour ne pas dire à ma môman que je ne saurai pas faire le site de ses rêves Smiley biggrin ?
D'avance merci.

Manu
Bonjour !

Il te suffit d'inclure ton paragraphe dans une div, et d'appliquer une image de fond à ton paragraphe et l'autre à la div.
Administrateur
ManuB28 a écrit :
J'ai un paragraphe (dans une balise <p> donc) auquel je veux donner un background. En fait, j'aimerai lui en donner deux simultanément (ce qui est impossible il me semble).

Hello,

Depuis CSS3 (presque) plus rien n'est impossible Smiley cligne
(et pour une alternative correcte pour IE, voir du côté de CSS3pie.com)

Bonne chance Smiley smile
Julien Royer a écrit :
Bonjour !

Il te suffit d'inclure ton paragraphe dans une div, et d'appliquer une image de fond à ton paragraphe et l'autre à la div.


Ben voilà, c'était tellement simple que je ne le voyais pas.
Merci Smiley cligne

Pour le css3 heu ... il faut que mon site tourne au moins sur IE7, voire IE6 alors, je vais rester sur un truc simple, mais merci quand même !

Manu
Je ne trouve pas de bouton Editer <boulet inside> ... Comment c'est y que je fais pour marquer résolu dans le titre du sujet ?

Manu
speedlab a écrit :
Hello,
Il te suffit d'éditer ton premier message, tu auras alors accès au titre de celui-ci Smiley cligne

Ben oui, c'est justement le problème : Je n'ai que le bouton Citer de disponible sur mes messages Smiley cligne
Salut,

ManuB28 a écrit :
Ben oui, c'est justement le problème : Je n'ai que le bouton Citer de disponible sur mes messages
Parce qu'il faut être connecté bien sûr. Smiley cligne