J'ai besoin d'aide j'aimerais coller les images horizontalement meme sur deux ligne
Voici mon code :
Il serait plus pratique, pour travailler le code, d'apprendre à mieux organiser les éléments car les paragraphes dépendent du <body> non pas d'un bloc prévu pour ce contenu.
Pour t'aider à y avoir plus clair n'hésite pas à installer un IDE style VS Code, c'est pas obligatoire mais ça peut aider, bon la c'est du HTML donc pas trop de soucis quand même.
Sinon pour ce que tu veux faire, regarde du côté de Bootstrap.
J'ai pas compris "coller les images horizontalement meme sur deux ligne"
Le 29 septembre 2020 à 14:59:19 mynameisflash a écrit :
J'ai pas compris "coller les images horizontalement meme sur deux ligne"
Beh juste pouvoir avec les images cote à cote
Mais sur une ligne horizontale pas vertical comme sur mon screen
Réponse très courte et naïve : Met display:inline ou display:inline-block sur tes paragraphes ( <p> ) en CSS.
Plus de détails :
Tes paragraphes sont des blocks, donc prennent toute la largeur de ton conteneur, forçant donc le passage à la ligne suivante pour l'injection de ta prochaine image.
Pour bien comprendre le principe, essaye d'enlever un paragraphe entre deux images, tu verras !
Tu peux tout à fait écraser ce comportement par défaut comme je l'ai dit plus haut et n'hésite surtout pas à utiliser ton navigateur pour débugger ce genre de chose.
Si tu n'as pas tout à fait compris les termes que j'ai employé, il faut que tu te documentes sur le Modèle de Boite / Box-Model en HTML, la documentation MDN est d'une richesse inouïe là dessus.
https://developer.mozilla.org/fr/docs/Apprendre/CSS/Building_blocks/Le_modele_de_boite
PS : pourquoi j'ai dit courte et naïve, car si tu veux utiliser des solutions modernes il te faudra utiliser Flexbox et CSS Grid, mais ça demande déjà de bien comprendre ce que j'ai dit plus haut.
LornMalvo Conseiller Bootstrap c'est so 2014 Nan sans rigoler en vrai, j'espère que les gens comprendrons que la Grid native de CSS est mille fois mieux.
Le 28 septembre 2020 à 02:04:35 Nuagedecube a écrit :
Il serait plus pratique, pour travailler le code, d'apprendre à mieux organiser les éléments car les paragraphes dépendent du <body> non pas d'un bloc prévu pour ce contenu.
Hein
Je vois surtout qu'il a trop indenté au niveau de son body visiblement, et que y a une balise fermante qui s'est fait la malle à la ligne 28/29 c'est tout.
EDIT : je viens de comprendre ce que tu veux dire, je sais pas si c'est l'heure qui veut ça ou le fait que t'es pas allé droit au but.
Le 30 septembre 2020 à 06:42:40 Marav a écrit :
LornMalvo Conseiller Bootstrap c'est so 2014 Nan sans rigoler en vrai, j'espère que les gens comprendrons que la Grid native de CSS est mille fois mieux.
C'est pas faux .. Mais vu que j'aime beaucoup Bootstrap, je ne peux que le conseiller
Le 30 septembre 2020 à 13:18:17 [Ludochette] a écrit :
Utiliser Bootstrap dans ce cas est une très mauvaise pratique.
L'utilisation abusive de librairies pour des choses aussi basiques est ce qui ruine la fluidité et la performance des sites de nos jours.
Sauf quand t'as pas le temps pour faire du front, les librairies sa te sauvent la vie.
[Ludochette] sauf que tu n'expliques pas vraiment son soucis et tu ne le résous pas. La sémantique je pense que ça passe après si il galère visiblement a placer ses images correctement.
La tu deplace le problème car t'avais envie de faire la morale j'ai l'impression.
Qu'il bosse le concept de modèle de boîte avant de le renvoyer sur flexbox ou quoi ..
Peut être une mauvaise interprétation de ma part oui, mea culpa.