Discussion :

[lucas093]

Bonjour,

J'aimerais bien créer un espace entre le cadre et le texte, mais je suis un débutant :-/

voici une image pour mieux comprendre :


merci

[Rachel]

Bonsoir
Il faut que le conteneur où tu mets le texte est la propriété Css suivante :

Code :

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

margin-left:48px;

[lucas093]

merci pour ta réponse, mais j'ai déjà essayer et le problème c'est que ça décale l'image de fond en plus du texte :s

[thelvin]

En principe c'est plutôt le boulot du padding, genre

Code :

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

padding: 1em;

[lucas093]

Ça me fait le même problème

[Invité]

Bonjour,
on est censé deviner ton code ?
S'il faut juste donner des réponses à l'aveuglette, voici la mienne :

Code css :

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

marge: abracadabra;

[lucas093]

C'est bon, si ta besoin de mon code tu peu me demander, pas la peine de jouer au con.

Fichier css :

Code :

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

1
2
3
4
5
6
7
.templatemo_middle2 { 
 
	width: 867px;
	overflow:hidden;
	background: url(images/profil/templatemo_middle2.png) repeat-y center top;
	margin-bottom:0;
}

Si vous avez besoin de plus d'info, n’hésiter pas a me demander.

[Invité]

« L'humour, c'est un truc pétillant qui rend les rapports entre deux personnes plus intelligents. »
Christian Clavier

Manifestement, tu manques de l'un ou de l'autre.

-> à lire attentivement

[lucas093]

Quel blague ! hahahaaa
T'est trop marrant

J’aurais tout de même préférer un peu d'aide ...

[Ocyloth]

Bonjour,

Si tu définis une marge intérieur avec padding, il faudrait que tu soustrais la valeur de la marge à la grandeur de ta div pour éviter le décalage:

.templatemo_middle2 {

width: 867px - 20px = 847px;
overflow:hidden;
background: url(images/profil/templatemo_middle2.png) repeat-y center top;
margin-bottom:0;
padding-left: 20px;
}

À ne pas copier tel quel, évidemment.

[lucas093]

Merci beaucoup Ocyloth
Ça marche très bien grâce a toi !

[lucas093]

Par contre j'ai encore un autre petit probleme :s
Y a t-il moyen de ne pas appliquer "padding-left" au image ?

Problème en image :


le cadre rouge correspond a une image (bottom2.png) et j'aimerais bien que le padding ne s'applique pas a cette image, si possible.

Code :

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

1
2
3
4
5
6
7
<div class="templatemo_middle2">
 
	echo $donnees['contenu'];
 
<img src="bottom2.png" alt="" width="867" height="102" />
 
</div>

[Rachel]

avec des margin-left, il aurait suffit que ton image est une marge négative de même valeur que la marge de la div (donc ici 20px)

[Invité]

Bonjour,
un peu de logique.

Code css :

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
.templatemo_middle2 {
width: 867px;
overflow:hidden;
background: url(images/profil/templatemo_middle2.png) repeat-y center top;
margin:0;
padding:0;
} 
.templatemo_middle2_contenu {
margin:0 20px;
padding:0;
} 
.templatemo_middle2_bottom2 {
margin:0;
padding:0;
width:867px;
height:102px;
background: url(images/profil/bottom2.png) no-repeat;
}

Code html :

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

1
2
3
4
<div class="templatemo_middle2">
	<div class="templatemo_middle2_contenu"><?php echo $donnees['contenu']; ?></div>
	<div class="templatemo_middle2_bottom2"></div>
</div>