CSS et tableaux

Eléphant du PHP | 79 Messages

21 avr. 2005, 12:42

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 ????
}

Eléphant du PHP | 357 Messages

21 avr. 2005, 13:40

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:

Eléphant du PHP | 79 Messages

21 avr. 2005, 16:12

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

Eléphanteau du PHP | 39 Messages

22 avr. 2005, 10:38

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.
KitNetiGraph, création de design gratuit.
Allez le visiter: http://www.kitnetigraph.org

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

22 avr. 2005, 10:46

Quel est l'intérêt du double center ? :?:

Code : Tout sélectionner

background-position: center center;

Eléphant du PHP | 79 Messages

22 avr. 2005, 10:47

Je sais pas, j'avais vu ca quelque part. J'ai supposé que c'était vertical et horinzontal.

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

22 avr. 2005, 10:48

Je sais pas. (...) J'ai supposé que c'était vertical et horinzontal.
Sans doute.
'testerai ça tout à l'heure...
Merci.

Eléphant du PHP | 357 Messages

22 avr. 2005, 12:06

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

Eléphant du PHP | 357 Messages

22 avr. 2005, 12:07

dsl pour le retard de ma reponse :oops: