Hauteur div + background

Fermé

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 - 24 mai 2012 à 14:24
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 - 25 mai 2012 à 14:54

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)

	<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

A voir également:

Hauteur div + background
Div c++ - Télécharger - Langages
Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
Hauteur de ligne excel en cm - Forum Excel
Hub de commentaires background task host ✓ - Forum Windows
Remplacer #div/0 par vide ✓ - Forum Excel

3 réponses

Réponse 1 / 3

NDOUKI Messages postés 110 Date d'inscription mardi 29 juillet 2008 Statut Membre Dernière intervention 4 novembre 2013 12
24 mai 2012 à 18:48

tu insères
background-repeat: repeat-x

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
25 mai 2012 à 08:40

Dans mon code fourni il est déjà inséré.

Réponse 2 / 3

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 519
24 mai 2012 à 23:34

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.

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
25 mai 2012 à 08:40

Je ne vois pas de contradiction ?
J'ai juste un bloc qui fait 880px et à l'intérieur de ce bloc une image qui fait 1px de large...

Réponse 3 / 3

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 519
25 mai 2012 à 14:10

Ben pourquoi alors tu applique une largeur de 1px aux deux classes ?

.container-bloc .container-sep

ou il te manque les autres classes

class="container-bloc1" class="txt-bloc"

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
25 mai 2012 à 14:54

Je n'applique pas une largeur de 1px au deux classes.

.container-bloc

à une largeur de 880px

.container-bloc .container-sep

à une largeur de 1px dans mon container-bloc

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?

Taille jeans US

camping car

Donnée des ponts de france

itinéraires pour poids lourds