Bonjour,

Je suis débutant en html/css et je rencontre un petit problème avec mon code.
Je cherche à faire une page web pour un devoir.
J'aimerais faire une petite liste et mettre une image juste à droite de celle-ci pour l'illustrer.
Mais, j'obtiens bien l'image à droite du texte mais elle est tout à droite de la page. J'ai essayé avec float mais j'obtiens la même chose et avec padding-right l'image est en-dessous de la liste.
Merci d'avance !
https://www.noelshack.com/2019-01-2-1577797515-capturecode.png
https://www.noelshack.com/2019-01-2-1577797524-capturesiteweb.png

4 réponses


Soundboy39
Réponse acceptée

Je continu à voir des LI dans des A dans la capture du code.
C'est l'inverse, les LI doivent être dans les UL, et les A dans les LI.
Il faut respecter la structure.

https://jsbin.com/bowawufole/edit?html,output

Bonjour,

C'est bien FLOAT qu'il faut utiliser. Par contre, attention à la largeur des élements, si la liste prend toute la largeur de la page, il est normal que l'image se retrouve en dessous.

ATTENTION : d'après ce que je vois dans la capture d'écran du code, il y a un problème flagrant de hiérarchie au niveau de la UL.
Un petit rappel de comment c'est foutu : https://www.w3schools.com/tags/tag_ul.asp

Neiluj
Auteur

Bonjour,
Merci beaucoup de votre réponse j'ai donc bien corrger la liste et appliquer une largeur à la liste qui est bien aplliqué (j'ai vérifié).
Mais j'ai toujours le même problème, l'image est toute à droite j'ai donc essayer de changer sa place dans le code (capture code, paragraphe 1et 3) mais sans succès.
Cordialement,
https://www.noelshack.com/2020-01-5-1578058234-capture5web.png
https://www.noelshack.com/2020-01-5-1578058354-capturecode.png
https://www.noelshack.com/2020-01-5-1578058398-capture-style.png

Neiluj
Auteur

Bonjour,
Merci beaucoup de votre aide ! Le problème était bien dans l'écriture de la liste et sa largeur.
Cordialement,