Discussion :

[Space Cowboy]

J'essais de mettre un background dans des cellules d'un tableau (mise en page en tableau ...)
Mais ca ne fonctionne pas du tout ...


Quel sont les différences entre background, background-image, background-url ?

Faut-il mettre des guillemets quand on donne le lien vers une image ?
Le chemin de l'image, c'est bien à partir de la css ?

Pour mettre un background dans une cellule, il suffit de donner un id au td, et d'ajouter dans la css #id_td { backgroun; } ? Ca ne pose pas de problème avec tout les tr/td qui le précéde ?

J'ai même essayé en mettant toute les syntaxes possible en même temps ...
background-image:url(fond.gif) fonctionne sous IE mais pas sous firefox.

[alexp]

salut, dans ton fichier html, tu mets :

Code :

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

<td class="perso">

et dans ton css

Code :

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

1
2
3
.perso
{background-image: url("images/fond.jpg");
}

[Space Cowboy]

C'est ce que j'ai fait, sauf que j'ai mis un id au lieu d'une classe ..
J'ai bien evidement essayé avec la classe auparavant.

Code exact

Code :

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

1
2
<td class="6_5" width="29" height="27"></td>
.6_5 { background-image:url("int_30.gif"); }

Sous IE ca fonctionne.

[alexp]

et si tu mets quelque chose dans la case?

<td class="6_5" width="29" height="27">Quelquechose</td>
.6_5 { background-image:url("int_30.gif"); }

essaye sans width et heigh

[Space Cowboy]

Déjà essayé ^^ (j'ai quand même retenter)
Ca agrandie la colonne, donc les autre <td> avec background à l'ancienne sont plus grand et ce répéte.

Petit détails, je suis sur OVH, quand je change une page, je suis obligé d'attendre quelques secondes (10-30) avant que le changement soit visible, c'est normal ? Ils utilisent un système de cache ?

[alexp]

essaye comme ceci :

Code :

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

<td background : url="int_30.gif" width="29" height="27">Quelquechose</td>

[Space Cowboy]

Ne fonctionne pas ...

Ca non plus.

Code :

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

<td style="background-image : url=(int_30.gif) " width="29" height="27">Ohoho</td>

Ni ca

Code :

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

<td style="background-image : url(int_30.gif) " width="29" height="27">Oho</td>

et ca

Code :

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

<td style="background-image : url(int_30.gif);" width="29" height="27">Ohffo</td>

[alexp]

<td style="background: url(int_30.gif)" >Ohffo</td>

[Space Cowboy]

Encore raté.

A mon avis j'ai du essayé toute les sorte de syntaxe possible, ca ne viens peut être pas de la, dans ce cas la, c'est la première fois que je vois ca.

[alexp]

le nom de l'image est le bon? Elle se trouve au même emplacement que ton fichier html?Pas dans un sous dossier?

[Linaa]

Il n'existe pas de background-image en propriété, c'est en CSS.
2 cas, soit tu utilises du CSS, soit du HTML simple.

HTML

Code :

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

<td background="url_image">contenu</td>

CSS

Code :

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

background-image : url('url_image');

[Space Cowboy]

L'image existe, elle est dans le même sous répertoire que les autres.
Je commence à désespérer.

[Linaa]

Peut-etre que les dimensions que tu as specifier sont trop petites pour visualiser l'image de fond...

[Space Cowboy]

J'y suis allez petit à petit.
J'ai mis un le background au tableau, au tfoot, au tr, mais ca bloque au td ...
Les dimensions sont ok.

[Linaa]

Tu peux remontrer le code que t'as mis ?

[Space Cowboy]

L'html ne change pas

Code :

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

<td id="6_5"></td>

La css, pour le tr (donc la ligne du tableau est rempli avec cette image, le code fonctionne)

Code :

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

#tableau1 tfoot tr { background-image : url('int_30.gif');}

En théorie pour la dernière case du tableau

Code :

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

#tableau1 tfoot tr #6_5{ background-image : url('int_30.gif');}

Ca ne fonctionne pas sous firefox, mais sous IE si ...

[Linaa]

Il faut mettre un p'tit quelque chose dans la cellule, par exemple un &nbsp;

[Space Cowboy]

On à déjà essayé. De mémoire, pour qu'une cellule apparaissent sous IE elle ne doit pas être vide. Sous frefox toute les cellules apparaissent.
C'est d'autant plus bizarre.

Code :

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

1
2
3
4
5
6
7
8
9
	<tfoot>
	<tr> 
		<td id="6_1" height="27" background="images/interface/int_26.gif">&nbsp;</td>
		<td id="6_2" background="images/interface/int_27.gif">&nbsp;</td>
		<td id="6_3" background="images/interface/int_28.gif">&nbsp;</td>
		<td id="6_4" background="images/interface/int_29.gif">&nbsp;</td>
		<td id="6_5">&nbsp;</td>
	</tr>
	</tfoot>

La il n'y a que la dernière cellule qui ne s'affiche pas, car elle devrait le faire en css.
Avec

Code :

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

#tableau1 tfoot tr { background-image : url('int_30.gif');}

La css prend le dessus, et le background de la css s'aplique sur ceux de l'html.

[Linaa]

As-tu essayé simplement avec ?

Code :

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

#6_5 { background-image : url('int_30.gif');}

[Space Cowboy]

Ouep, j'ai ajouté le reste par la suite, quand j'ai fait petit à petit. (Ca ne fonctionne pas)

quelqu'un à déjà réussi a mettre un background dans une cellule d'un tableau sous firefox ?