Insertion d'une image en fond de Tableau

[skyneur]

Bonjour,

je rencontre des problème pour inserer une image dans une cellule de mon tableau. J'utilise le HTML

je rentre ce code:
style="vertical-align: top; background-image: url(../monimage.jpg)
Mon image apparait bien en fond de cellule avec mon logiciel
Seulement lorsque je publie l'image de fond ne passe pas, et laisse traverser à la place la couleur de page

J'ai lu sur un site qu'il fallai utiliser comme code:
<TABLE BACKGROUND="monimage.gif">
Ca ne marche pas non plus

Comment faire ?

Merci pour votre aide

[mowmow]

Normalement ca devrait marcher...T'es sur que t'as uploadé l'image ?

[srappaille]

Bonjour,

1) Quel navigateur utilisez-vous ?
2) Avez-vous une page démo sur laquelle nous pouvons aller ?

Bien à vous.

[Delapouite]

Utilises plutot une classe que tu renseignes dans une feuille de style.

[Maxib]

Si le css c'est ca :

style="vertical-align: top; background-image: url(../monimage.jpg)

et le html c'est ca :

<TABLE BACKGROUND="monimage.gif">

C'est normal que ca ne marche pas.

Pers, je conseille toujours le css, mais si tu veux garder le html, met ca :

<table background="../monimage.gif">

Maxib.

[tom_sawyer]

Code: Tout sélectionner

<td valign="top" style="background-image:url(images/tonimage.jpg);" >

[skyneur]

J'ai pas tout compris ce que vous m'avez dit mais J'ai regardé plus avec plus d'attention et avant publication j'ai comme code html

background-image: url(monimage.jpg)

et il est pulié background-image: url(../monimage.jpg)

Donc sans le " ../ " mon image est trouvé mais avec, elle n'est pas pris en compte.

est ce normal ?
Merci

[e-kiwi]

tu dois confondre ./ et ../

en gros, l un veut dire repertoire courant, l autre veut dire répertoire parent. c est donc normal que tonimage.jpg et ../tonimge.jpg soit different

[skyneur]

je ne comprend pas ce que tu veux dire mais ce qui est sûre c'est que mon image de fond marche lorsque je met
background-image: url(monimage.jpg)

Mais lorsque je met quelquechose devant le "monimage" ca ne marche pas.

Lors de la publication il me publie le code comme si mon code était
background-image: url(../monimage.jpg)

Et donc le " ../ " fait que mon image de fond n'est pas publié

[e-kiwi]

>> lorsque je met quelquechose devant

"quelquechose" = chemin de l image

c est normal que si tu fasse reference à une image dans un autre repertoire que là ou elle se trouve (ici, le repertoire parent, siganlé par ../) ton navigateur ne va pas trouver l image, tu lui dit d aller chercher une image ailleurs que là ou elle est

sais tu ce que veux dire "./" et "../" ou les as tu mis par hasard sans savoir ce que c est ?

[dasikund]

Salut,

Peux-tu nous donner l'adresse de la page en question, je pense que nous y verrons un peu plus clair.

A+

Doug

[skyneur]

Ben je sais pas ce veux dire ../ et ./
Mais j'ai essayé de les remplacer par le chemin d'accer à l'image ca ne marche pas

J'ai fait une page test pour vous montrer
http://www.cadomax.com/nouscontacter.html

Ca illustre bien mon problème à la place du bleu il devrait y avoir mon image de fond.
Juste avant la publication mon image apparaissait avec le code
background-image: url(monimage.jpg)

mais sur la page on a
background-image: url(../monimage.jpg)
et donc l'image de fond n'apparait pas

merci

[srappaille]

Bonjour,

L'image porte le nom "monimage.jpg" ? Si oui, dans quel répertoire devrait-on la retrouver ?

b.à.v.

[skyneur]

quel repertoire ??

le chemin d'acces sur mon pc ??
je doit remplacer le ../ par le chemin d'acces à l'image ??

[srappaille]

Heu... pour que votre page présente des images, il faut que le serveur qui héberge cette page héberge également vos images ou, qu'elle soit placée sur un serveur visible sur le net.

Généralement, on classe le tout dans des répertoires (ou dossiers). Un peu comme on classe ses fichiers dans "mes documents" si l'on travaille sous Windows (le programme bien sûr).

Donc, si vous appelez l'image dans une page, il faut indiquer le nom de cette image et sa localisation. Si vous trouvez mon explication obscure, je vous invite sur -http://www.w3.org/TR/1998/REC-html40-19980424/struct/objects.html#h-13.2

C'est en anglais mais d'autres ne manqueront pas d'ajouter des liens à la suite de ce message.

Bien à vous.