Page 1 sur 1

CSS et tableaux

Posté : 21 avr. 2005, 12:42
par hormia
Bonjour,

je ne sais pas comment donner une propriété à la balise TD d'un tableau.

J'ai essayé :

Code : Tout sélectionner

td{ border:red 1px solid background-color:yellow; }
Ca ne me donne pas me celle en jaune.
Alors que ceci fonctionne

Code : Tout sélectionner

table{ border:red 1px solid background-color:yellow; }

J'essaye surtout de comprendre, pour pouvoir faire plus complexe après.
j'ai l'intention de faire créer une class pour les tableau par exemple la classe

Code : Tout sélectionner

table.yoyo{ border:red 1px solid background-color:yellow;
avec dans le html

Code : Tout sélectionner

<table class="yoyo">
J'aimerai sans devoir assigner une classe au TD de ce tableau, leur donner un style.
C'est à dire que j'ai pas envie de taper dans le HTMl pour chacune des cellule :

Code : Tout sélectionner

<td class="yoyocellule">Salut</</td>
J'aimerais dans mon CSS faire comprendre que toutes les cellule comprise dans un table de style yoyo soit par exemple de couleur verte.

table.yoyo.td.yoyocellule ????
}

Posté : 21 avr. 2005, 13:40
par seayoung
bonjour,
essaye de mettre dans ton CSS

Code : Tout sélectionner

table.yoyo td { }
normalement ca affecte au td de ton tableau yoyo le style que tu veux
:wink:

Posté : 21 avr. 2005, 16:12
par hormia
Ok merci, c'est bon pour IE.

Mais sur Firefox ca ne change rien du tout....
Par contre je n'arrive pas à désigner l'image de fond d'une cellule

table.tableau td{
border:red 1px solid
background: url(image/texture1.jpg);
background-repeat: repeat;
background-position: center center;
}

background: url(image/texture1.jpg); ne fonctionne que pour le table

Posté : 22 avr. 2005, 10:38
par TwiSeft
table.tableau td{
border:red 1px solid ;
background: url(image/texture1.jpg);
background-repeat: repeat;
background-position: center center;
}

Tu as oublié le ; après border: red 1px solid


Chez moi je fais avec:
td {
...
}
Cela fonctionne très bien.

Posté : 22 avr. 2005, 10:46
par albat
Quel est l'intérêt du double center ? :?:

Code : Tout sélectionner

background-position: center center;

Posté : 22 avr. 2005, 10:47
par hormia
Je sais pas, j'avais vu ca quelque part. J'ai supposé que c'était vertical et horinzontal.

Posté : 22 avr. 2005, 10:48
par albat
Je sais pas. (...) J'ai supposé que c'était vertical et horinzontal.
Sans doute.
'testerai ça tout à l'heure...
Merci.

Posté : 22 avr. 2005, 12:06
par seayoung
bonjour,
mmm si c'est ton vraie code cad que tu as fais un copier coller:
il manque un ; après
border:red 1px solid

on ne sait jamais ;)
pour ce qui est de ta déclaration pour:
table.yoyo td
normalement ca marche je v verifier

Posté : 22 avr. 2005, 12:07
par seayoung
dsl pour le retard de ma reponse :oops: