Image de fond dans une table

Fermé
Ohm-WorK Messages postés 1464 Date d'inscription mardi 25 octobre 2005 Statut Contributeur Dernière intervention 29 octobre 2019 - 7 févr. 2006 à 14:26
 Cc - 23 janv. 2007 à 19:37
Bonjour à tous !

Voila, je voudrai qu'une image apparaisse en fond d'une table. Pour celà je déclare donc un style CSS. je vous insère un extrait de mon code :

<HTML><head>
<link rel="stylesheet" type="text/css" href="css/ucd.css">
<STYLE type="text/css">
.fond {background-image: images/douai.jpg;}
</STYLE>
</head>

[...]

<table width="700" align="center" class="fond">
<tr>
<td>
<h1>Bienvenue !</h1>
</td>
</tr>
</table>

Mais rien n'y fait, l'image n'apparait pas... Si quelqu'un à une idée pour éclaircir ma lanterne... !!

Merci d'avance pour vos réponses !

Tchuss
A voir également:

4 réponses

txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
7 févr. 2006 à 15:28
Salut Ohm-WorK,
Si j'en crois ton link rel, ta feuille de style est dans le dossier csset s'appelle udc.css
<link rel="stylesheet" type="text/css" href="css/ucd.css"> 
<STYLE type="text/css"> 
.fond {background-image: images/douai.jpg;} 
</STYLE>
Pourquoi tu remet <style type=..... .fond puisque tu déjà une classe dans la table (tableau) ?.
D'ailleurs je ne suis pas sur que ça fonctionne pour la balise table mais essaie plutôt dans la balise td
<HTML><head> 
<link rel="stylesheet" type="text/css" href="css/ucd.css"> 
 
</head> 

[...] 

<table width="700" align="center" class="fond"> 
<tr> 
<td> 
<h1>Bienvenue !</h1> 
</td> 
</tr> 
</table> 

J'ai pas testé.

1
Ohm-WorK Messages postés 1464 Date d'inscription mardi 25 octobre 2005 Statut Contributeur Dernière intervention 29 octobre 2019 420
10 févr. 2006 à 09:17
Salut !

Merci pour vos réponses, ca fonctionne dorénavant :)

Tchuss
0
Vi, ça ne fonctionne pas sur la balise table, faut viser la cellule :-)
-1
C'est tout à fait possible de mettre une image de fond dans la table au lieu du td : par exemple

table.fond{
   background-image: url('image.gif');
}


C'est ce que j'utilise et ça marche très bien!
-1