[css] mise en forme de tableau

mise en forme de tableau [css] - HTML/CSS - Programmation

Marsh Posté le 08-01-2003 à 09:54:00    

salut !
ca y est je me suis mis au CSS et c'est vrai que c'est pas mal surtout que ca alège pas mal mes pages ca fait beaucoup de balises en moins.
 
voila la ou je bloque :
j'ai plusieurs tableaux dans ma page et avec 2 types de style de defini mais voila j'ai defini le style pour tab1td de tab 1 et tr de tab 1, et pareil pour tab 2 et 3.seulement j'arrive aps a voir/comprendre comment je peux faire pour ne aps avoir a repeter class="..." a chaque balise tr et td de chaque tableau ...
 
je croit su'il existe mais j'ai pas trouve le moyen de faire un style pour le tableau et de l'appliquer en une seule fois dans un <table>
 
ps mes tableaux ont un corps de message d'un style, la première ligne avec un autre style et la dernière avex le 3eme style.
 
comment vous faites ?


Message édité par jolly le 08-01-2003 à 09:54:42
Reply

Marsh Posté le 08-01-2003 à 09:54:00   

Reply

Marsh Posté le 08-01-2003 à 14:42:57    

:bounce:

Reply

Marsh Posté le 08-01-2003 à 16:20:04    

Je peux me tromper mais je crois que la solution à ton problème se trouve du côté des 'CSS selector patterns' ( désolé tout la doc que j'ai est en anglais) càd en gros le selecteur de tags devant les attributs de style.  
 
TAB1 > TD { ... style des TD dans TAB1 }
TAB2 > TD { ... idem mais TAB2 }
 
A vérifier je dirais! Avander
 


---------------
A thing of beauty is a joy forever (John Keats)
Reply

Marsh Posté le 08-01-2003 à 18:38:33    

C'est en effet presque ça. Seulement la forme que tu montres ne permet que de descendre d'un étage dans la hiérachie des balises, hors, les TD sont deux étages en dessous des TABLE (y a les TR entre)
 
La solution est donc de définir une classe tb1 et pour les autres, de faire
 
.tb1 TR
{
blabla
}
 
.tb1 TD
{
blabla
}

Reply

Marsh Posté le 08-01-2003 à 20:45:39    

oki je vais essayer ca !

Reply

Marsh Posté le 09-01-2003 à 14:28:22    

et de la meme manière ya moyen de faire un style différent pour la 1ere ligne ??

Reply

Marsh Posté le 09-01-2003 à 14:54:47    

Non, mais au lieu d'utiliser <td> pour les cellules de la première ligne tu peux utiliser <th> (qui sert à ça d'ailleurs TH : Table Header). Et tu définis un style pour cet élément TH.
 
Attention parce que par défaut le texte dans un <th> est en gras et centré. Ce seront éventuellement des effets à annuler.


Message édité par gm_superstar le 09-01-2003 à 14:56:31

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 15:04:59    

si je fait ca :
 
 

Code :
  1. .info {
  2.  border: 2px solid #0066FF;
  3.  border-collapse: collapse;
  4.  background-color:white;
  5. }
  6. .info TR {
  7.  padding:10px;
  8. }
  9. .info TD {
  10.  color:#003366;
  11.  padding:5px;
  12. }
  13. .info_titre {
  14.  border:0px;
  15.  color:#FFFFFF;
  16.  padding:5px;
  17.  margin:0px;
  18.  background-color:#3399FF;
  19.  font-weight:bold;
  20. }

 
 
j'ai un problem :dans la 1ere ligne je met class="info_titre" mais j'ai pas la couleur "white"  ni aucune des couleurs précisés dans le css c quoi le problème .??

Reply

Marsh Posté le 09-01-2003 à 17:15:03    

gm_superstar a écrit :

Non, mais au lieu d'utiliser <td> pour les cellules de la première ligne tu peux utiliser <th> (qui sert à ça d'ailleurs TH : Table Header). Et tu définis un style pour cet élément TH.
 
Attention parce que par défaut le texte dans un <th> est en gras et centré. Ce seront éventuellement des effets à annuler.


 
pour la 1ere ligne ok mais j'ai aussi la dernière ligne a modifier ..
et la je croit pas qu'il existe d'equivalent a th si ??

Reply

Marsh Posté le 09-01-2003 à 17:18:06    

Bah le <th> tu en mets où tu veux, c'est juste que c'est plus "logique" de mettre un <th> au début vu que Header veut-dire en-tête...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-01-2003 à 17:18:06   

Reply

Marsh Posté le 09-01-2003 à 17:44:56    

gm_superstar a écrit :

Non, mais au lieu d'utiliser <td> pour les cellules de la première ligne tu peux utiliser <th> (qui sert à ça d'ailleurs TH : Table Header). Et tu définis un style pour cet élément TH.
 
Attention parce que par défaut le texte dans un <th> est en gras et centré. Ce seront éventuellement des effets à annuler.


 
ah c pas bete ca !!!
et y a moyen dans un tableau (genere par du xsl) de passer d'un champ a un autre en appuyant sur 'entree' plutot que de faire une tabulation ?
(demande du client...)


Message édité par walli le 10-01-2003 à 15:44:54
Reply

Marsh Posté le 09-01-2003 à 17:58:33    

jolly a écrit :

si je fait ca :
 
 

Code :
  1. .info {
  2.  border: 2px solid #0066FF;
  3.  border-collapse: collapse;
  4.  background-color:white;
  5. }
  6. .info TR {
  7.  padding:10px;
  8. }
  9. .info TD {
  10.  color:#003366;
  11.  padding:5px;
  12. }
  13. .info_titre {
  14.  border:0px;
  15.  color:#FFFFFF;
  16.  padding:5px;
  17.  margin:0px;
  18.  background-color:#3399FF;
  19.  font-weight:bold;
  20. }

 
 
j'ai un problem :dans la 1ere ligne je met class="info_titre" mais j'ai pas la couleur "white"  ni aucune des couleurs précisés dans le css c quoi le problème .??


 
apparement c un conflit entre les couleurs de TD et de info_titre ...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed