Comment créer une marge en css ?

Version imprimable

16/03/2012, 21h07
lucas093

Comment créer une marge en css ?

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 :
http://data.imagup.com/10/1146590338.png

merci
17/03/2012, 00h23
Rachel

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

Code:

margin-left:48px;
17/03/2012, 01h06
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
17/03/2012, 01h09
thelvin

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

Code:

padding: 1em;
17/03/2012, 01h19
lucas093

Ça me fait le même problème :?
17/03/2012, 11h07
Invité

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

Code:

marge: abracadabra;
17/03/2012, 12h04
lucas093
C'est bon, si ta besoin de mon code tu peu me demander, pas la peine de jouer au con.

Fichier css :
Code:

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.
17/03/2012, 14h00
Invité

Citation:

« 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
17/03/2012, 14h19
lucas093

Quel blague ! hahahaaa
T'est trop marrant

J’aurais tout de même préférer un peu d'aide ...
17/03/2012, 15h08
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:

Citation:

.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.
17/03/2012, 15h44
lucas093

Merci beaucoup Ocyloth :D
Ça marche très bien grâce a toi ! :ccool:
17/03/2012, 16h14
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 :
http://data.imagup.com/10/1146658917.png

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:

1 2 3 4 5 6 7 <div class="templatemo_middle2"> echo $donnees['contenu']; <img src="bottom2.png" alt="" width="867" height="102" /> </div>
17/03/2012, 21h14
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)

Bonjour,
un peu de logique.

Code:

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:

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>