Bonjour,
Voila je souhaiterai positionner horizontalement 4 BOUTONS, chacun étant créé dans un élément de type div class, et ce, dans un conteneur, de type class également.
Pour l'instant je n'affiche que les images correspondant a mes boutons.
En effectuant une recherche, il avait été conseillé d'insérer cette portion de code, dans l'élément conteneur:
text-align: center;
Ou alors, l'idée et d'utiliser la balise float: left, float: right, mais aucune de ces deux solutions ne m'a permis de résoudre mon problème, je n'ai donc pas insérer les balises adéquates dans mon code actuel, je vous fournit donc ma portion de code afin d'avoir surtout une idée de la construction.
Voici mon code CSS:
.social-network représente l'élément conteneur.
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48 .social-network { padding-top: 10px; height:118px; width: 259px; background:url(images/socialnetwork-bt-bg.png) no-repeat left top; } .social-network .fb{ width: 46px; height:45px; background:url(images/facebook-bt.png) no-repeat left top; } .social-network .tw{ width: 46px; height:45px; background:url(images/twitter-bt.png) no-repeat left top; } .social-network .fl{ width: 46px; height:45px; background:url(images/flickr-bt.png) no-repeat left top; } .social-network .yt{ width: 46px; height:45px; background:url(images/youtube-bt.png) no-repeat left top; }
Dans mon footer, j'ai ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <div class="social-network"> <div class="fb"></div> <div class="tw"></div> <div class="fl"></div> <div class="yt"></div> </div>
Merci pour votre aide.
Partager