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 !
Partager