Discussion :

[éloi_75]

bonjour,
je suis totalement debutant en css, donc ne soyez pas désabusé s'il y a beaucoup de fautes dans mon code....

mon porblème :
j ai une div avec une image qui doit se repeter en hauteur, en fonction de cette derniere.
Et j'aimerais mettre, dans celle-ci, un texte ainsi qu'une image à droite de celle-ci.
Ce qui ne fonctionne pas, c'est que l'image prend la hauteur du texte, or la photo peut être plus grande (en hauteur) que le texte. Il faudrait donc que cela prenne en compte l'image, mais cela ne prend en compte que la hauteur du texte.


j ai essayé ceci :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="contenu" class="texte">
<img src="images/Sans-titre-14.jpg" alt="texte alt"/>
<h1><p>mon titre 1</p></h1>
<h2><p>mon titre 2</p></h2>
<br/>
<p>u texte</p>
<br/>
<p>mon texte ici</p>
</div>

avec la css suivante :

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
25
26
#contenu img {
margin-top:5px;
margin-right:17px;
margin-left:10px;
margin-bottom:5px;
float:right;
border: 2px solid #CCCCCC;
width:254px;
height:196px;
 
#contenu {
background-image:url(images/modules/onglets_milieu.gif);
background-repeat:repeat-y;
line-height:18px;
margin-top:0px;
padding-top:0x;
width:541px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
color:#575551;
}
 
#contenu .texte {
width:541px;
height:auto;
}

J'ai essayé des dizaines de trucs, sans y arriver, merci d'avance pour votre aide.

[mLk92]

Salut,

C'est normal que ton image prenne la taille de ton texte, la hauteur de l'image de fond dans div " contenu" n'a pas de hauteur déclaré, elle est donc en auto, tout comme tes champs "p", il faut que tu définisse une certaine hauteur.

Et petite infos , Ce n'est pas nécessaire de mettre une balise <p></p> dans des balises tels que les titres <h1> et <h2>

[djoyeux]

+1 pour mLk92

[éloi_75]

merci pour vos réponses, ca fonctionne