Modifier image HTML pour afficher en arriere plan du texte [Fermé]

Signaler
Messages postés
82
Date d'inscription
lundi 21 juillet 2014
Statut
Membre
Dernière intervention
9 août 2020
-
Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
-
Bonjour, bon le truk c est que je n ai strictement RIEN compris et que je ne m y connais pas du tout mais alors pas du tout dans ce domaine, je creer juste de petites histoires amusantes mais j y ajoute des photos pour le plaisir des yeux, c etait deja pas facile d inserer une image mais en plus la modifier sur la page html alors la c est la goute d eau mdr ^^


Donc existe t il quelqu un qui pourrait m accompagnait deux minutes pour me montrer comment mettre une image en plein ecran mais avec si possible la meme resolution et dimension, je voudrais que mon texte passe par dessus du coup mais en aucun cas que l image soit hors format d origine puisque je ne veux aucune perte de qualité de la photo, car le tuto de commentcamarche je n ai strictement rien compris :(

Mais cette fois ci j aimerais qu on m explique exactement a quel endroit ecrire tout le tintouin et qu on me copie et me colle exactement ce que je dois mettre.
Et si possible une personne qui puisse rester sur le forum le temps que j arrive a mes fins car je vous assure que je n y arriverais pas du premier coup, j ai deja essayé tout ce que j ai vu sur internet et rien n a fonctionné ^^

Pour l instant j ai mon image en dessous de mon texte :

<img src="C:\Users\Pluie\Downloads\Images.livresjeux\3.jpg">


Si je m exprime mal et que vous n avez pas bien compris, en gros ce que j aimerais, c est de pouvoir avoir l image en arriere plan de mon texte mais de pouvoir controler les dimensions de l image afin de ne pas depasser les dimensions d origine de l image ^^
Vous me suivez ? oO

Pour faire simple je voudrais pouvoir conserver la bonne resolution de mon image mais en l affichant en arriere plan de mon texte HTML, la par exemple j ai une 2560x1600 et j aimerais la remplir avec mon texte ...

Merci infiniment !!

1 réponse

Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
445
Salut,

Une solution simple pour ton besoin serait d'afficher l'image via la propriété css background-image sur un l'élément html qui contient ton texte. Tu peux ensuite utiliser les propriétés background-size et background-position pour définir la taille et l'alignement de ton image.

Tu peux essayer de suivre ce tuto pour comprendre comment utiliser ces propriétés css : https://www.alsacreations.com/tuto/lire/808-arriere-plans-css3-background.html

Bonne journée,