Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 18/05/2011, 09h41   #1
Membre habitué
 
Homme
Enseignant
Inscription : avril 2002
Messages : 300
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 38
Localisation : France, Vosges (Lorraine)

Informations professionnelles :
Activité : Enseignant
Secteur : Enseignement

Informations forums :
Inscription : avril 2002
Messages : 300
Points : 100
Points : 100
Par défaut Bouton css et image à droite

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 :
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 :
1
2
3
<a href="javascript:Qrm_suivant();" id="button_right">
					<span id="question_suivante">Question suivante</span>
				</a>
bastien est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/05/2011, 09h56   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Essaie ça :
Code :
background:url("design/squelette/suivant.png") no-repeat right 8px;
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/05/2011, 11h30   #3
Membre habitué
 
Homme
Enseignant
Inscription : avril 2002
Messages : 300
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 38
Localisation : France, Vosges (Lorraine)

Informations professionnelles :
Activité : Enseignant
Secteur : Enseignement

Informations forums :
Inscription : avril 2002
Messages : 300
Points : 100
Points : 100
Cela fonctionne

Merci
bastien est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h27.


 
 
 
 
Partenaires

Hébergement Web