Hauteur div + background
Melooo
Messages postés
1476
Statut
Membre
-
Melooo Messages postés 1476 Statut Membre -
Melooo Messages postés 1476 Statut Membre -
Bonjour,
J'ai un div avec du texte à l'intérieur divisé en deux colonnes, sur ce div je n'ai pas de height (car le texte peut changer à tout moment)
et le code CSS
Le li avc la classe container-sep, permet de mettre une image vertical pour séparer les deux contenus.
Comment faire pour que mon image se répète en fonction de la taille de mon conteneur ?
Merci de votre aide
J'ai un div avec du texte à l'intérieur divisé en deux colonnes, sur ce div je n'ai pas de height (car le texte peut changer à tout moment)
<ul class="container-bloc"> <li class="container-bloc1"> <div class="txt-bloc"> contenu </div> </li> <li class="container-sep"> </li> <li class="container-bloc1"> <div class="txt-bloc"> contenu2 </div> </li> </ul>
et le code CSS
.container-bloc
{
list-style:none;
width:880px;
position:relative;
margin-top:14px;
padding:0;
text-align:justify;
}
.container-bloc .container-sep
{
width:1px;
float:left;
text-align:center;
height:100%;
background:url(images/sep.png);
}
Le li avc la classe container-sep, permet de mettre une image vertical pour séparer les deux contenus.
Comment faire pour que mon image se répète en fonction de la taille de mon conteneur ?
Merci de votre aide
3 réponses
-
tu insères
background-repeat: repeat-x -
Salut,
tu a une contradiction aussi (en gras) :
.container-bloc{ list-style:none; width:880px; /* 880px */ position:relative; margin-top:14px; padding:0; text-align:justify; } .container-bloc .container-sep { width:1px; /* 1px pour le même bloc ? */ float:left; text-align:center; height:100%; background:url(images/sep.png); background-repeat: repeat-x; /* répétition verticale */ }
Le bonheur est la seule chose que l'on peut donner sans l'avoir. -
Ben pourquoi alors tu applique une largeur de 1px aux deux classes ?
.container-bloc .container-sep
ou il te manque les autres classesclass="container-bloc1" class="txt-bloc"
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
