Discussion :

[S~C]

Bonsoir à tous,

Je n'arrive absolument pas à décoller un petit logo (boite vert avec la boule blanche), décoller veut dire séparer entre son mur à gauche et la boite verte...

Donc en gros j'aimerais bien avoir de l'espace entre le mur gauche et la boite verte

J'ai essayé pleins trucs tels que padding-left, right, margin-left, right... Je n'arrive pas (seulement j'ai pu décplacer Nom D'organisation mais pas image...)

Cliquez-ici pour regarder l'image

Voici le codage en HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table class="bann_header">
<tr>
<td align="left" valign="middle">
<table width="400">
<tr align="left" valign="top"> 
<td class="logo">									
</td>
<td width="335" valign="middle"><strong><font color="#FFFFFF" size="4" face="Verdana, Trebuchet MS">Nom 
D'organisation</font></strong>
</td>
</tr>
</table></td>
</tr>
</table>

Et celle de 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
.bann_header
	{
	width: 772px;
	height: 80px;
	background-image: url(images/bann_header.png);
	}
 
.logo
	{
	width: 30px;
	height: 30px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	}

Je vous remercie infiement de vos aides...

Amicalement les amis

[Kerod]

Ah ou j'ai enfin compris (dur dur le réveil). Vu que ton image est en background il faut jouer sur les background-position. Et voici des infos sur le fonctionnement :

Valeurs supportées
Les mots-clés
top = image au centre/haut de la page ou du bloc.
center = image au centre/centre de la page ou du bloc.
bottom = image au centre bas de la page ou du bloc..
right = image au centre/droit de la page ou du bloc.
left = image au centre/gauche de la page ou du bloc.

1 - top left = left top =0% 0% de la page ou du bloc.
2 - top center = center top = 0% 50% de la page ou du bloc.
3 - top right = right top = 0% 10% de la page ou du bloc.
4 - center left = left center = 50% 0% de la page ou du bloc.
5 - center center = 50% 50% de la page ou du bloc.
6 - center right = right center = 100% 50% de la page ou du bloc.
7 - bottom left = left bottom = 100% 0% de la page ou du bloc.
8 - bottom center = center bottom = 100% 50% de la page ou du bloc.
9- bottom right = right bottom = 100% 100% de la page ou du bloc.

[S~C]

Merci beaucoup, mais cependant je dois aller me coucher donc j'essayerai après-demain (demain pas là)

J'aimerais bien mettre dans CSS parce que il va y avoir 3 thèmes différents donc je pourrai les appeller...

[balu]

Tu pourrais aussi ne pas mettre l'image en background et utiliser les marges sur l'image.