Image derrière du texte

[Résolu/Fermé]
Signaler
Messages postés
58
Date d'inscription
lundi 17 mars 2008
Statut
Membre
Dernière intervention
13 novembre 2009
-
 Vanessa -
Bonjour,
Je voudrais mettre une image derrière du texte, mais quand je la mets, ça décale mon texte.
Voila mon code:
<h1>Titre 1</h1>
<br/><br/>
<img src='./images/bati.jpg' width='300' align='right'>
		
<table class='transparent'>
			
	<tr><td class='transparent'><h3>Titre 3</h3></td> <td class='transparent'><h3>Titre 3</h3></td></tr>
	<tr><td class='transparent'><ul style='list-style-type:circle'>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
	</ul></td>
	<td class='transparent'><ul style='list-style-type:circle'>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
		<li class='puce'>item</li>
	</ul></td></tr>
</table>

Je voudrais que mon image (en gras dans le code) apparaisse derrière mon texte (en italique).

Donc ma question est: Est-il possible d'afficher une image derrière du texte à l'aide d'une propriété ou faut-il procéder autrement ?

Merci de votre aide

7 réponses

Messages postés
68
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
10 mars 2014
8
bonjour tu doit mettre ton image en background
comme ca :
.image
{
background:url(./images/bati.jpg);
}

et sur la <td> ou tu doit ecrire le texte tu met ca :

<td class="image">texte ....</td>
5
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
58
Date d'inscription
lundi 17 mars 2008
Statut
Membre
Dernière intervention
13 novembre 2009
6
J'ai fais comme ça, je pense que ça devrait aller, merci
Après j'ai un autre problème: je veux mettre une image en background sur mon site, mais à la place d'avoir l'image j'ai un fond blanc, je ne comprends pas pourquoi.

body{background:url('.images/bati.JPG') /*#5CACEE*/;scrollbar-arrow-color : white;
scrollbar-face-color : #27408B;
scrollbar-track-color :#191970;
scrollbar-highlight-color: #87CEFF;
scrollbar-shadow-color: black;font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10pt; margin:auto;text-align:center;margin-top:10px;margin-bottom:20px;}
Messages postés
68
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
10 mars 2014
8
c'est l'unique methode pour faire chevaucher le texte sur l'image
tu doit modifier ton css comme suit:

<style>
.image
{
background-image:url(html/image/collection.jpg);
background-position:center;
width:300px; // largeur de votre image
height:300px; // hauteurde votre image
}
</style>
Messages postés
374
Date d'inscription
vendredi 30 novembre 2007
Statut
Membre
Dernière intervention
3 mars 2016
26
Je ne crois pas que tu puisse faire cette manip mais tu peut la contourner:
-soit tu modifie ton image avec un éditeur et tu écris ton texte
-soit tu met l'image en fond d'écran!!!
Messages postés
58
Date d'inscription
lundi 17 mars 2008
Statut
Membre
Dernière intervention
13 novembre 2009
6
J'ai fais comme tu m'as conseillé en mettant l'image en background, mais mon image n'apparait pas entièrement. N'y a t-il pas moyen de faire chevaucher le texte sur l'image?, comme ça:
                                               -------------------------------------
                                              |                                   |
                                              |                                   |
                                              |                                   |
                                              |                                   |
blablablablalabalbalbalbalbalbal texte  texte...                      |    
lablablablablalabalbalbalbalbalbal texte texte.  ....                 |
blablablablalabalbalbalbalbalbal texte texte.  ...                    |
                                              |                                   |
                                              |                                   |
                                              |                                   |
                                              -------------------------------------


Désolé pour le dessin, il ne passe pas bien ^^
Messages postés
58
Date d'inscription
lundi 17 mars 2008
Statut
Membre
Dernière intervention
13 novembre 2009
6
C'est bon j'ai trouvé mon problème.
Merci a ceux qui m'ont aidé ;)
c'est sympa de dire que tu as trouvé, mais nous hélas, on ne sait pas comment tu as trouvé!...
génial ... merci de nous en faire part ....
Messages postés
68
Date d'inscription
mercredi 29 août 2007
Statut
Membre
Dernière intervention
10 mars 2014
8
bonne continuation dracucharles