Discussion :

[chokolatine35]

Bonjour,

J'ai un problème avec mon responsive, le reste est bon sauf les boutons des reseaux sociaux qui bouge lorsque je réduis la page, j'aimerais qu'ils restent bien alignés comme l'image à gauche et en dessous des liens gris . J'y suis depuis assez longtemps, et il me reste juste ce problème pour finir mon site. Si quelqu'un aurait une super astuce Merci beaucoup, très bonne journée.


Mon code :

Code html :

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
<div class="reseaux">
 
      <div id="facebook">
            <a href="https://www.facebook.com/?fref=ts"><img width="17" height="17" src="<?php echo(get_stylesheet_directory_uri()); ?>/img/fb.png" alt="facebook"/>
            </a>
      </div>
 
       <div id="pinterest">
            <a href="https://fr.pinterest.com/"><img width="17" height="17" src="<?php echo(get_stylesheet_directory_uri()); ?>/img/pint2.png" alt="pinterest"/>
            </a>
      </div>
 
      <div id="instagram">
          <a href="https://www.instagram.com/"><img width="17" height="17" src="<?php echo(get_stylesheet_directory_uri()); ?>/img/insta2.png" alt=""/>
          </a>
      </div>
 
      <div id="mail">
          <a href="mailto:@gmail.fr"><img width="22" height="22" src="<?php echo get_stylesheet_directory_uri(); ?>/img/mail3.png" alt=""/>
          </a>
      </div>
 
 </div>

MON CSS :

Code :

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

1
2
3
4
5
6
.reseaux{
 
margin-left: 75.2%;
margin-top: 2.7%;
font-size: 1.2em;
}