Aller plus loin en CSS.
Résolu
chhtony1190
Messages postés
17
Date d'inscription
Statut
Membre
Dernière intervention
-
HACKER 712 Messages postés 1282 Date d'inscription Statut Contributeur Dernière intervention -
HACKER 712 Messages postés 1282 Date d'inscription Statut Contributeur Dernière intervention -
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
*(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.
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
<body>
<div class="a">
<div class="b">
</div>
</div>
</body>
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.
A voir également:
- Aller plus loin en CSS.
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Comment créer un lien non souligné ✓ - Forum Réseaux sociaux
5 réponses
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...
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!
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!
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.
Merci encore.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question