Le texte de la première partie est bien aligné à gauche sur ton image et celui de la deuxième partie est bien centré. Donc en l'état tout ce qu'il est possible de dire c'est que le code que tu nous montres fonctionne. Et aussi que ta structure HTML est à revoir, mais ça c'est une autre histoire.
Le texte de la première partie est bien aligné à gauche sur ton image et celui de la deuxième partie est bien centré. Donc en l'état tout ce qu'il est possible de dire c'est que le code que tu nous montres fonctionne. Et aussi que ta structure HTML est à revoir, mais ça c'est une autre histoire.
J'aimerai que le texte au centre soit plus en haut, la première du centre alignée avec la première à gauche.
Premièrement commence à enlever la balise fermante </footer> ligne 11 dans le code que tu nous à fourni. Puis continuons dans la correction, tes <div> tu leur met des id mais pas de guillemet ?!? tu le fait bien en dessous mais pas au dessus. Et pour finir dans la correction de ce petit bout de code(me demande ce que doit être le reste mais on peut te le corriger) utilise des class pour le CSS pas des id. les id sont plutôt utilisé pour le JS et les ancres.
Ensuite pour ton positionnement (quand tu auras tout corrigé bien entendu), je te propose ceci :
Salut, Merci beaucoup pour tes conseils :) Malheureusement, cela aligne les blocs verticalement et non horizontalement
- Edité par Flavman 6 décembre 2017 à 22:46:35
Depuis quand ?!?
Le display inline-block; comme sont nom l'indique met sur une même ligne les block cote à cote SAUF si tu n'as plus de place sur ton écran au quel cas il se met en dessous.
Salut, Merci beaucoup pour tes conseils :) Malheureusement, cela aligne les blocs verticalement et non horizontalement
- Edité par Flavman 6 décembre 2017 à 22:46:35
Depuis quand ?!?
Le display inline-block; comme sont nom l'indique met sur une même ligne les block cote à cote SAUF si tu n'as plus de place sur ton écran au quel cas il se met en dessous.
Bizarre Oo ! J'ai testé sur deux écrans de taille différentes pourtant.
Quand tu dis que ça n'est pas aligné, c'est parce qu'il y a plus d'espace au-dessus du texte qu'en dessous ? Si oui, regarde les marges que tu as mises sur les <li>.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Quand tu dis que ça n'est pas aligné, c'est parce qu'il y a plus d'espace au-dessus du texte qu'en dessous ? Si oui, regarde les marges que tu as mises sur les <li>.
Bin si tu mets une margin-top sur un élément mais pas de margin-bottom, il y a plus d'"espace" au-dessus de l'élément qu'en dessous. N'est-ce pas le problème que tu rencontres ?
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Bin si tu mets une margin-top sur un élément mais pas de margin-bottom, il y a plus d'"espace" au-dessus de l'élément qu'en dessous. N'est-ce pas le problème que tu rencontres ?
Oui effectivement, mais le problème est que j'arrive à aligner sur certains écrans mais sur d'autres ça ne l'est pas.
Tu as un margin-top qui dépend de la hauteur de la page sur .deuxieme_partie (-7%). Par conséquent, il change constamment.
Conseil : ne fais jamais ça. Déjà, des marges en pourcentages, c'est rarement une bonne idée, et surtout pour des marges verticales.
Si tu veux proprement aligner tes éléments, corrige les " déplacés de la div de classe "footer", et donne-lui display: flex, en enlevant les styles des enfants (ajoute juste flex: 1 1 auto; dessus).
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Tu as un margin-top qui dépend de la hauteur de la page sur .deuxieme_partie (-7%). Par conséquent, il change constamment.
Conseil : ne fais jamais ça. Déjà, des marges en pourcentages, c'est rarement une bonne idée, et surtout pour des marges verticales.
Si tu veux proprement aligner tes éléments, corrige les " déplacés de la div de classe "footer", et donne-lui display: flex, en enlevant les styles des enfants (ajoute juste flex: 1 1 auto; dessus).
D'accord merci pourrais-tu le rajouter pour que je comprenne un peu plus s'il te plait ? Merci beaucoup
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)