Discussion :

[arnaudrou]

Hello

je suis en train de faire un design:

pti apercu

Mon problème vient des blocs du milieu (le texte principale), je voudrais qu'il s'étire en fonction du texte si il est trop long....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.contenu {
	background-image: url('images/bloc_news.gif');
	width: 481px;
	height:286px;
	margin-top:5px;
 
	}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="contenu"></div>

Voila quelqu'un a t-il la solution?

[dorian53]

Salut,

Voici un modèle qui ressemble à ton site :

http://www.thenoodleincident.com/tut...on/basic4.html

[arnaudrou]

je vois pas comment adapater, moi mes blocs se sont des images....

[spirou]

Salut,

Si j'ai bien compris, tu as une seule image pour la partie centrale de ta page, le mieux à mon avis serait de la découper en trois morceaux, le premier représentant le haut de celle-ci, une seconde représentant le bas, et une troisième représentant le centre, celle là se répètera en fonction de son contenu.
Ce qui donnerais un truc du genre :
CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
#centreHaut{
width: 500px;
height: 50px;
background-image: url(imageDuHaut.jpg);
margin: 0;
padding: 0;
}
 
#centreBas{
width: 500px;
height: 50px;
background-image: url(imageDuBas.jpg);
margin: 0;
padding: 0;
}
 
#centreMilieu{
width: 500px;
background-image: url(imageDuCentre.jpg); /* image de 500px * 1px */ 
margin: 0;
padding: 0;
}

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div id="centreHaut">
 </div>
 
<div id="centreMilieu">
</div>
 
<div id="centreBas">
</div>

C'est a peu près comme ça que j'aurais fait, maintenant reste à voir comment est constitué ta page, peut être il faudrait les inclure dans un bloc parent.