Bonsoir !

Alors comme le titre l'indique, je souhaiterais créer trois boutons à gauche de ma page les uns en dessous des des autres et j'aimerais que le texte s'aligne de manière justifiée à droite de ces boutons.

J'ai déjà testé les propriétés float et position mais elles ne semblent pas convenir pour ce que je souhaite faire, je commence à désespérer :/
En plus de ça, j'aurais aussi voulu que les trois boutons gardent une position fixe sur la page lors du scroll. Ca fonctionne en utilisant la propriété position:fixed mais seulement un seul bouton s'affiche...

Voici les codes :

Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Architecture et jardins.</title>
<link rel="stylesheet" media="screen" type="text/css" title="styles" href="styles.css" />
</head>
<body>
<span>
<a href="#" class="bouton1"></a>
</span>
</body>
</html>


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
a.bouton1 {
display:block;
width:130px;
height:130px;
background-color: #F8F8FF;
background-image: url(bt5.png);
background-repeat:no-repeat;
padding: 5px;
margin-right:10px;
}
a.bouton1:hover {
background-color: #F8F8FF;
background-image: url(bt5-1.png);
background-repeat:no-repeat;
}

Voilà, merci à tous !