Faire passer du texte SOUS une image HTML / CSS

Fermé

Html
Css

Mihai - 4 juil. 2016 à 17:52
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 23 août 2016 à 17:32

Bonjour !

j'aimerai savoir comment faire pour qu'une image passe sur le texte. Je sais qu'avec le float on peut "libérer" une image et la mettre où on veut, mais malheureusement ce n'est pas ce que je souhaite.

Avec le float, le texte va autour de l'image, elle ne passe pas en dessous. Là j'aimerai que ça soit le cas.

Une idée pour m'aider ?

Merci d'avance !

A voir également:

Mettre du texte sous une image html
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
Formule excel si contient texte alors texte ✓ - Forum Excel
Image iso - Guide
Retrouver un texte caché dans une image ✓ - Forum Graphisme
Mettre un texte en majuscule - Guide

2 réponses

Réponse 1 / 2

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 23/08/2016 à 17:40

salut

le html

<div>
<div class="image"><img src="image.jpg"></div>
<div class="texte"><p>texte en dessous</p></div>
</div>

le css

.image {
position: absolute;
top:0;
left:0;
width:300px;
z-index:100;
}

.image img {
width:100%;
}

.texte {
position:relative;
width:300px;
z-index:10;
}

et voila evidemment on ne verra pas le texte donc tu peux ajouter un opacity a .image
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

Discussions similaires

Ecrire du texte à coté de l 'image

CSS du Texte sur une image ?

Aligner un texte avec son image

Cliquer sur un bouton pour faire apparaitre un paragraphe/image

paragraphe cote a cote

[html/css]retour à la ligne dans un div

Discussions similaires

Newsletters