Aller plus loin en CSS. Résolu/Fermé

Question

Bonjour, Je travaille présentement sur un site web. Ce site web a quelque chose, pour moi, de différent parce que j'ai décider de faire un nouveau style de design que je n'avais jamais essayer auparavant. Je ne trouve pas ma réponse sur Google et je ne connais pas de site web qui ont mon style de template que je veux reproduire. Je vous donne un exemple de ce que je voudrais savoir : On part avec une page blanche XHTML et CSS. Si je crée un div avec une hauteur de 200px, on s'entend qu'il va prendre 100% de la largeur de page ? ok. Ensuite dans ce div je crée un autre div avec une largeur de 850px et 200px de hauteur avec margin:auto; pour le centrer dans le premier div. Code XHTML

Code CSS a { height:200px; } b { margin:auto; width:850px; height:200px; } *(dans le fond j'suis même pas obliger de mettre 200px au div A, en tous cas) Maintenant ce que j'aimerais faire c'est appliquer des images différentes de chaque côter de mon DIV B, lui qui est centrer. Je voudrais avoir à gauche des motifs qui se repète et qui prendra 100% de la largeur de gauche. A droite une couleur uni qui prend aussi 100% de sa largeur. Quel est la méthode ? C'est possible de faire ça ? Je vous donne une image pour être encore plus clair. http://www.chhtony1190.multiqc.net/exemple.jpg C'est un peu compliquer a expliquer, j'ai essayer de donner le plus de détail possible. Merci :) j'attend de vos nouvelles.

HACKER 712 · Answer

je crois que c'est possible mais en faisant 3 blocks au lieu de deux, si ce n'est pas ca, c'est que je n'ai pas compris...

le coin-coin · Answer

Salut,

Je pense que tu peu essayer de creer toi meme l'image qui serra appliquée en background de ta div B. En effet tu connais deja les dimension de ta div.Il suffit de laisser un espace banc (ou autre) au milieu de l'image pour le texte. De plus comme tu veux un motif qui se repete tu n'as qu'a faire que  sur la largeur et mettre ton backgroung en repeat y ds ta div... Pour eviter un chargement trop long de ton image tu peut la preloader avec la fonction js qui va bien!

Bon courage!

chhtony1190 · Answer

ahh oui, je crois que c'est une idée, je vous redonne des nouvelles, merci beaucoup :)

chhtony1190 · Answer

oh mon dieu, oui ça fonctionne, merci beaucoup, j'aurai dû y penser avant :) mais le seule bug c'est que si la personne étire ma page VRAIMENT loin on verra la démarcation, la coupure de l'image répété en Y mais c'est pas grave.

Merci encore.

HACKER 712 · Answer

alors c'est bon !

Aller plus loin en CSS.

5 réponses

Discussions similaires