Aligner ses <div> parfaitement

Signaler
Messages postés
37
Date d'inscription
mercredi 15 juillet 2020
Statut
Membre
Dernière intervention
12 juin 2021
-
Messages postés
7
Date d'inscription
dimanche 31 janvier 2021
Statut
Membre
Dernière intervention
8 juin 2021
-
Bonjour à tous
Je suis entrain d'essayer de développer un site et je bloque sur deux problèmes:
1- j'ai crée une page avec 4 div, comprenant une image et un texte dessus, côte à côte cependant je n'arrive pas a les positionner parfaitement de façon a ce qu'il y ai le mêm écart entre chacun



2- Je dispose de deux écrans et lorsque que je passe d'un écran à l'autre, m'alignement n'est plus le même

Ecran 1:


Ecran 2:


Voici mon code
HTML:


CSS:


Merci d'avance
Bonne journée

1 réponse

Messages postés
7
Date d'inscription
dimanche 31 janvier 2021
Statut
Membre
Dernière intervention
8 juin 2021
1
Alors... Je sais pas pourquoi je répond à des question alors que je suis nul en programmation, mais personnellement, j'avais eu le même problème, du coup j'ai fait une liste dans ce genre :
<nav>
<ul>
<li>Texte et image</>
<li>...../</li>
</ul>
</nav>
et j'ai rajouté
nav li{float: left;
width: 33%}
en css. Du coup ça adapte la taille à l'écran et tu as toujours le même écartement entre les images.
Je ne sais pas si ça pourra t'aider.