Dimension image de fond

**stefina87** · 28/01/2009, 11h21

Bonjour à tous..
je devrais mettre un'image avec du texte au dessus:
- si je la met comme image normale elle s'affiche bien mais il ne s'affiche pas le texte en dessus
- si je la met comme fond d'écran elle s'affiche en haut à gauche
- si je la met comme fond d'un tableau elle s'affiche petite

Le code c'est dans ma base de données en HTML

Merci

**HiRoN** · 28/01/2009, 11h28

Salut,

Plusieurs façons de faire.
Avoir dans ce cas, le code généré pour être utile...

**stefina87** · 28/01/2009, 11h31

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<table weight="800%"><td background="images/Askamon web pic runner new.jpg" width="1200%" align="medium"style="background-repeat: no-repeat;>
<p align="center" class="Style34">Benvenuti nel mondo di askamon™...</p>

..................................

**HiRoN** · 28/01/2009, 11h48

Dans le cas ou tu voudrais garder ton tableau, petit problème de syntaxe :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table>
<tr>
<td></td>
</tr>
</table>

Il te manque donc le <tr>

Dans l'idée :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table>
<tr><td style="background:url(img/test.png); background-repeat:no-repeat; width:359px; height:125px; text-align:center">
Ton texte ici
</td></tr>
</table>

**stefina87** · 28/01/2009, 11h56

J'ai mis le code que tu m'ai dit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<table>
<tr><td style="background:url(images/Askamon web pic runner new.jpg); background-repeat:no-repeat; width:359px; height:125px; text-align:center">
<p align="center" class="Style34">Benvenuti nel mondo di askamon™...</p>

Les barres en bas se sont agrandies mais l'image de fond non...

**HiRoN** · 28/01/2009, 12h05

Ton tableau te sert-il à afficher autre chose ? (car tu ne donnes que le début)

**stefina87** · 28/01/2009, 12h06

Peut être mieux mettre l'image comme fond d'écran et pas comme fond du tableau..
Mais comment la mettre au milieu de l'ecran et dans la bonne taille?

Oui dans le tableau il y a du texte..J'ai écrit que le titre

**HiRoN** · 28/01/2009, 13h00

Envoyé par stefina87

Peut être mieux mettre l'image comme fond d'écran et pas comme fond du tableau..
Mais comment la mettre au milieu de l'ecran et dans la bonne taille?

Il est clair qu'utiliser un tableau pour faire ceci n'est pas le plus approprié.
La mettre en backgroound d'un div sur lequel tu appliques un margin:auto ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Oui dans le tableau il y a du texte..J'ai écrit que le titre

Avoir l'ensemble aurait aidé...

**stefina87** · 28/01/2009, 13h38

J'ai essayé avec ce code...maintenant l'image ne s'affiche pas..uff

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<body-background : url(images/Askamon web pic runner new.jpg) 50% 50% fixed no-repeat>
<p align="center" class="Style34">Benvenuti nel mondo di askamon™...</p>
<div align="justify">
  <table width="100%" border="0">
    <tr>
      <td><blockquote>
      <table>
	  <p><span class="Style18">askamon™</span> <span class="Style19">permette l'<strong>accesso via Internet</strong> alle<br /> 
          vostre cartelle cliniche  sicure.</span> </p></table>

**HiRoN** · 28/01/2009, 14h21

Plusieurs problèmes dans le code que tu fourni, ça devrait plus ressembler à ceci :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body style="background:url(img/test.png) 50% 50% fixed no-repeat;">
<p align="center" class="Style34">Benvenuti nel mondo di askamon™...</p>
<div align="justify">
<table width="100%" border="0">
    <tr>
		<td>
			<p>
				<span class="Style18">askamon™</span> <span class="Style19">permette l'<strong>accesso via Internet</strong> alle<br /> 
				vostre cartelle cliniche  sicure.</span>
			</p>
		</td>
	</tr>
</table>
</div>
</body>

Evites les espaces pour le nom de ton image.
L'utilisation de table n'est pas conseillé dans ton cas (seulement pour de l'affichage de données tabulaires), au profit de l'utilisation de <div>.

Appliques-tu un DocType à ton document ? (explications ici)

Un petit tour dans les cours CSS pourrait aider (notamment ici)

Je te conseille aussi d'externaliser tout le CSS...

**stefina87** · 28/01/2009, 14h55

Ca marche..
Merci beaucoup beaucoup beaucoup

Dimension image de fond

HTML

Discussions similaires

Partager

Partager