High-Tech Santé Médecine Droit-Finances

Economiser

la batterie

de son laptop

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 :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
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...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Télécharger ABC Amber Text Converter Voir
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 Omnipage 16 Standard Voir
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
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