Fond de Cellule étendu avec CSS.

[jcdc]

Bonjour à tous. Voilà, pour gérer plus facilement la disposition sur mon site, j'utilise un tableau. Mais dans mes fond de cellule, je souhaiterai mettre une image. J'ai trouver pas mal de paramètre, mais je n'arrive pas à l'étendre dans toute ma cellule. Quelqu'un pourrait m'aider?

Merci beaucoup et bonne journée à tous.

[quenting]

Quelque chose comme ca ?

<td style="background-image(tonimage.gif)"></td>

a déplacer dans une stylesheet pour faire les choses proprement...

[jcdc]

Quelque chose comme ca ?

<td style="background-image(tonimage.gif)"></td>

a déplacer dans une stylesheet pour faire les choses proprement...

<{POST_SNAPBACK}>

Mais c pas du CSS ca?

[TheRec]

Oui c'est du CSS ... à ma connaissance il n'y a pas de propriété HTML selon la recommendation HTML4.01 du W3C permettant ceci...

Toutefois il existe une propriété qui semble être supportée par les navigateurs en général :

<td background="/chemin/vers/image.jpg">Contenu</td>

Mais cela ne faisait pas partie de la recommandation HTML4.01, il est déconseillé de l'utiliser !

Modifié 20 Février 2006 par TheRec

[jcdc]

Je vais essayer ca des mon retour. Merci pour l'info.

[jcdc]

Bon, je suis un peu perdu, j'ai mis ca mais ca marche pas :

<td height="20" colspan="3" style="background-image(images/entete.png)"> </td>

Je suis sur de mon lien. Je voudrais en faites mettre cette image en arriere plan de la cellule, et qu'elle prenne la taille de ma cellule qui a une hauteur variable.

Désolé, les explications, c'est pas mon fort.

[Dudu]

Salut,

ton dernier code, c'est tout sauf de l'HTML Sans vouloir te vexer, et avec tout le respect que je te dois, je te conseille d'apprendre quelques rudiments élémentaires d'HTML et de CSS. Et également de laisser tomber les tableaux s'ils ne sont destinés qu'à des fins de présentations (ta lettre de motivation, tu l'écris dans Word ou dans Excel ? Et bien c'est la même chose)

Tel quel, voilà comment tu peux t'en sortir, toujours avec tes tableaux.

Ceci pour remplacer la ligne dont on parle

<td class="entete" colspan="3"> </td>

Ensuite, dans ton fichier CSS externe, tu places cette ligne (où tu veux, çà ne devrait pas interférer avec d'autres règles)

td.entete {height: 20px; background: transparent url(images/entete.png) no-repeat 50%}

Çà marchera, mais c'est de la grosse bidouille. Je ne comprends vraiment pas l'intérêt d'une cellule vide dans un tableau avec une image de fond. Autant mettre une simple image avec une balise <img> c'est plus simple, moins lourd à mettre en oeuvre, et plus accessible.

Ex:

<img src="images/entete.png" alt="le nom de mon site" title="" width="[x]" height="20"

(juste remplacer [x] par la largeur en pixels de l'image).

Si tu as une URL où on puisse voir le code, ce serait plus simple pour nous Sinon, tu peux nous poster ton code intégralement (dans une balise [ codebox ] pour les longs morceaux de code !).

TheRec: si, les propriétés background-[...] sont là pour appliquer des images de fond quelle que soit la balise concernée

[jcdc]

Bon ma page n'ets pas en ligne, et elle est loin ed l'etre. En fete ma page se coupe en plusieurs parties, une entete, une colone a gauche et un a droite, puis un peid de pages.

Le fond de ma page est blanc, mais je voudrais en faite faire une mettre chaque collne dans un espce de cadre avec un motif en fond.

Voila ce que j'essai d efaire : http://www.pricetoread.com/images/pricetoread_vierge.png

[Dudu]

Avec ce type de schéma simpliste, tu veux vraiment mettre des tableaux avec des espaces insécables cachés dans les cellules ? Tu te compliques la vie !

4 <div>, chacun avec sa propre image de fond. Le premier non positionné. Le 2ème positionné en flottant gauche, le 3ème non positionné (il devrait se placer tout seul), et le 4ème avec un clear:left pour sortir du mode flottant.

Et roulez jeunesse ..

Honnêtement je ne vois pas l'utilité de mettre des tableaux là-dedans

[jcdc]

Merci pour l'info. Ben je vais regarder tout ça, mais c vrai que c'est pas mon domaine le html. Moi je suis plutôt flash, d'ou mon ignorance.

Je vais essayer d'appliquer tout ca, merci pour l'info.