28173 sujets

CSS et mise en forme, CSS3

Voilà tout est dit dans le sujet je voudrais centrer une image de fond dans un tableau sans la répétée dans un TD.
Déclarations CSS :
TABLE {background: url('/chemin/ton_image.ext') 50% 50% no-repeat;}
TD {background-color: #FFF;}

Après, à toi d'adapter ce dont tu as besoin (positionnement, répétition, couleurs, etc…).
Je corrige un peu :
table {background: white url(/chemin/ton_image.ext) center center no-repeat;}
mpop a écrit :
Je corrige un peu :
table {background: white url('/chemin/ton_image.ext') center center no-repeat;}
Dans ce cas merci de laisser les quotes pour le nom / chemin du fichier Smiley cligne

Le fait de ne pas déclarer explicitement une couleur d'arrière-plan est utile également (on peut dans ce cas préciser 'transparent', mais quand c'est implicite, c'est toujours ça de gagné en code).
Et pour le positionnement, c'est comme chacun préfère, mais pour moi les valeurs en pourcentage procurent l'évolutivité que le textuel n'a pas…

jiojio :
Il ne me semble pas que le mapping soit possible sur de l'image en arrière-plan — bien que je n'ai pas testé.
Tu devrais pouvoir contourner cela via un lien qui encadre ton tableau, et associer ton map à ce lien.

Non, toujours pas de 'hello' ni 'merci' Smiley sweatdrop Allez, courage Smiley biggrin
Modifié par Christopher (30 Nov 2006 - 12:48)
Christopher a écrit :
Dans ce cas merci de laisser les quotes pour le nom / chemin du fichier Smiley cligne
Pour quoi faire ? C'est parfaitement valide sans, et il me semble que ça pose des problèmes de compatibilité avec IE.
Administrateur
Hello,

Puisqu'il s'agit d'un problème de mise en forme (donc de CSS), et non de XHTML, je déplace le sujet dans le bon salon Smiley cligne