Aligner ses <div> parfaitement
Taijin
Messages postés
48
Date d'inscription
Statut
Membre
Dernière intervention
-
MusixM Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
MusixM Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Aligner div
- Div c++ - Télécharger - Langages
- Aligner horizontalement css - Forum CSS
- Comment aligner des chiffres sur word - Guide
- Comment aligner un sommaire sur word ✓ - Forum Bureautique
- Remplacer #div/0 par vide - Forum Bureautique
1 réponse
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.
<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.
