Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2510 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] mise en forme de tableau

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css] mise en forme de tableau

n°281742
jolly
Posté le 08-01-2003 à 09:54:00  profilanswer
 

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
mood
Publicité
Posté le 08-01-2003 à 09:54:00  profilanswer
 

n°281983
jolly
Posté le 08-01-2003 à 14:42:57  profilanswer
 

:bounce:

n°282043
avander
Posté le 08-01-2003 à 16:20:04  profilanswer
 

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)
n°282144
gizmo
Posté le 08-01-2003 à 18:38:33  profilanswer
 

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
}

n°282193
jolly
Posté le 08-01-2003 à 20:45:39  profilanswer
 

oki je vais essayer ca !

n°282541
jolly
Posté le 09-01-2003 à 14:28:22  profilanswer
 

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

n°282558
gm_superst​ar
Appelez-moi Super
Posté le 09-01-2003 à 14:54:47  profilanswer
 

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
n°282569
jolly
Posté le 09-01-2003 à 15:04:59  profilanswer
 

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

n°282721
jolly
Posté le 09-01-2003 à 17:15:03  profilanswer
 

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

n°282727
gm_superst​ar
Appelez-moi Super
Posté le 09-01-2003 à 17:18:06  profilanswer
 

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
mood
Publicité
Posté le 09-01-2003 à 17:18:06  profilanswer
 

n°282746
walli
Posté le 09-01-2003 à 17:44:56  profilanswer
 

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
n°282768
jolly
Posté le 09-01-2003 à 17:58:33  profilanswer
 

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 ...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] mise en forme de tableau

 

Sujets relatifs
tableau php htmlResulSet dans un tableau a 2 dimensions de type Vector
[PHP] Problème de "mise à jour" [résolu]Peut on tester en une seule fois une variabl tableau dans une requete?
Besoin d'aide pour algo procédures/tableauComment trouver les doublons dans un tableau? Et les supprimer??
tableau et bordures ....placer un scroller dans la cellule d'un tableau ????
[HTML, JS] Avoir une image fixe à droite d'un tableau,qui lui,scrolle?problème de mise en forme d'un formulaire dans un tableau
Plus de sujets relatifs à : [css] mise en forme de tableau


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR