Discussion :

[bastien]

Bonjour,

Je ne parviens pas à placer l'image suivant.png à DROITE du texte "question suivante " dans le bouton que je crée. Tout s'affiche mais l'image reste à gauche.
J'ai bien tenté text-align:right; ou float:right mais sans succès !

Pouvez-vous m'aider, svp?

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
a#button_right{
	float:right;
	background:url("design/squelette/button_question.gif");
	display:block;
	color:#555555;
	height:30px;
	line-height:29px;
	text-decoration:none;
	width:155px;
	font-size:14px;
}
 
a:hover#button_right{
	color:#0066CC;
}
 
u #question_suivante{
	background:url("design/squelette/suivant.png") no-repeat 10px 8px;
	display:block;
	padding-right:10px;
}

Le code html

Code :

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

1
2
3
<a href="javascript:Qrm_suivant();" id="button_right">
					<span id="question_suivante">Question suivante</span>
				</a>

[Bisûnûrs]

Essaie ça :

Code :

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

background:url("design/squelette/suivant.png") no-repeat right 8px;

[bastien]

Cela fonctionne

Merci