28172 sujets

CSS et mise en forme, CSS3

Bonjour, je suis en train de coder un site web et j'utilise des images pour accéder à des liens. Mais lorsque je réduit la page, les images se superposent.

Je voudrais donc savoir s'il est possible de faire en sorte qu'elles ne se superposent pas ou s'il est possible d'exprimer le positionnement de l'une en fonction de l'autre.
.invit
{
  position: fixed;
  top: 1.6em;
   
}
.logo_discord
{
  position: fixed;
  left: 92.3%;
  top: 1.6em;
}
.logo_twitter
{
  position:fixed;
  left:95%;
  top: 1.6em;
}

upload/1592995258-80317-annotation2020-06-23181756.png
ci-joint mon code css ansi que la photo du coin de la page lorsqu'elle est réduite.

Merci de votre aide !
Modifié par Magicien_ghost (24 Jun 2020 - 12:41)
Modérateur
Hello,
Plusieurs chose,
- est-ce que tu veux vraiment une position fixed ?
- Si tu veux réellement une position (fixed, sticky, ou autre), alors regroupe tes images dans un <div>, et applique lui cette position. Ensuite tu gères simplement à l'intérieur tes liens/images avec un simple margin/padding Smiley smile
Après avoir essayer, cela marche mieux mais quand je mets la page en demi-écran, j'ai quand même un des logos qui disparaît. Est-il possible de le bloquer ? en limitant la taille mini de la page par exemple ou d'une autre façon .