Dimension image de fond

Version imprimable

28/01/2009, 11h21
stefina87

Dimension image de fond

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
28/01/2009, 11h28
HiRoN

Salut,

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

Code:

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>

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

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

1 2 3 4 5 <table> <tr> <td></td> </tr> </table>
Il te manque donc le <tr>

Dans l'idée :
Code:

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>

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

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

28/01/2009, 12h05
HiRoN

Ton tableau te sert-il à afficher autre chose ? (car tu ne donnes que le début)
28/01/2009, 12h06
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?

Oui dans le tableau il y a du texte..J'ai écrit que le titre
28/01/2009, 13h00
HiRoN

Citation:

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:

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

Avoir l'ensemble aurait aidé...

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

Code:

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>

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

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

28/01/2009, 14h55
stefina87

Ca marche..
Merci beaucoup beaucoup beaucoup;)