High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Image derrière du texte

Dernière réponse le 30 avr 2008 à 12:25:16 dracucharles, le 30 avr 2008 à 10:00:38 
 Signaler ce message aux modérateurs

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
Configuration: Windows XP
Firefox 2.0.0.14

Meilleures réponses pour « Image derrière du texte » dans :
[Infographie] Créer des mosaïques d'images VoirSi vous voulez créer des mosaïques d'images telles que celle-là: il existe deux logiciels gratuits sous Windows qui permettent d'en créer: AndreaMosaic et Foto-Mosaik
Convertir MP3 en AMR VoirLe format AMR est largement utilisé par les téléphones portables pour enregistrer des sonneries ou pour créer des MMS (SMS avec son, image et texte). Mobile AMR Converter Le convertisseur AMR pour téléphone mobile utilise le convertisseur AMR de Sony...
[Webmaster] Coloration syntaxique dans vos pages web VoirSi vous avez un site web contenant des exemples de code (php, javascript, C#, Delphi, Python...), il peut être intéressant d'avoir une coloration syntaxique. C'est parfois pénible à réaliser, mais il existe une librairie Javascript qui permet de...
Télécharger Mobile AMR Converter VoirLe format AMR est largement utilisé par les téléphones portables pour enregistrer des sonneries ou pour créer des MMS (SMS avec son, image et texte). Le convertisseur AMR pour téléphone mobile utilise le convertisseur AMR de Sony Ericsson pour...
Télécharger Yankee Clipper III VoirYankee Clipper III ou YC3 est un puissant presse papier. Il prend en main des images, des textes enrichis, des URLs, etc. de toutes tailles. Contrairement à un presse-papiers traditionnel, il peut enregistrer : plus de 200 textes et RTF, 20...
Télécharger TDiary Voir
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...
Le droit à l'image appliqué aux sites web VoirIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une...
Posez votre question Répondre

1

foufita, le 30 avr 2008 à 10:04:20

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>

   
Répondre à foufita

2

ABDOULémul, le 30 avr 2008 à 10:05:27

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!!! Vous prenez pas la tête, faites la fête!!

   
Répondre à ABDOULémul

3

dracucharles, le 30 avr 2008 à 10:52:48

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 ^^

   
Répondre à dracucharles

4

foufita, le 30 avr 2008 à 11:05:32

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>

   
Répondre à foufita

5

dracucharles, le 30 avr 2008 à 11:17:30

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;}

   
Répondre à dracucharles

6

dracucharles, le 30 avr 2008 à 11:48:06

C'est bon j'ai trouvé mon problème.
Merci a ceux qui m'ont aidé ;)

   
Répondre à dracucharles

7

 foufita, le 30 avr 2008 à 12:25:16

Bonne continuation dracucharles

   
Répondre à foufita
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net