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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Declarer un tableau en CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Declarer un tableau en CSS

n°315813
Flyman30
Posté le 23-02-2003 à 13:57:53  profilanswer
 

Comment doit on s'y prendre ?  :??:  
 
j'ai fait ça  
 

Code :
  1. .table
  2. {
  3. font-family: Verdana, Arial, Helvetica, sans-serif;
  4. font-size: 12px;
  5. line-height: normal;
  6. color: #660033;
  7. background-color:#e6e4e9;
  8. width: 553px;
  9. margin-right: auto;
  10. margin-left: auto;
  11. text-align: left;
  12. border: none 0px;
  13. }


 
mais puisque la largeur des td change selon la page ou est le tableau, faut il faire un style genre
 
 

Code :
  1. .td1
  2. {
  3. width:80px;
  4. margin: 3px;
  5. }


 
pour chaque cas ? étant donné qu'en XHTML1.1 nous n'avons plus le droit de faire

Code :
  1. <td class"toto" width="100px">blabla</td>


 
merci

mood
Publicité
Posté le 23-02-2003 à 13:57:53  profilanswer
 

n°315829
gizmo
Posté le 23-02-2003 à 14:35:06  profilanswer
 

si tu veux spécifier la largeur de tes td, oui. Sinon, tu peux laisser le browser les ajuster au mieux dans l'espace que tu donnes à la table.

n°315831
Flyman30
Posté le 23-02-2003 à 14:37:34  profilanswer
 

gizmo a écrit :

si tu veux spécifier la largeur de tes td, oui. Sinon, tu peux laisser le browser les ajuster au mieux dans l'espace que tu donnes à la table.


 
Ben non je veux les spécifier, c'est pour la mise en page d'une liste de produits et de leurs prix  :sweat:  
 
Ca fonctionne mais je cherche à alléger ma feuille de style  ;)

n°315846
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-02-2003 à 15:13:00  profilanswer
 

Si la taille de ton tableau n'est pas constante, et que tu ne veux pas créer des dizaines de styles que tu n'utilise qu'à un seul endroit, tu peux faire un truc du genre :
 
<td class="toto" style="width: 100px;">blabla</td>


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°315881
gm_superst​ar
Appelez-moi Super
Posté le 23-02-2003 à 16:31:22  profilanswer
 

flyman30 a écrit :

Comment doit on s'y prendre ?  :??:  
 
j'ai fait ça  
 

Code :
  1. .table
  2. {
  3. font-family: Verdana, Arial, Helvetica, sans-serif; /*Inutile à moins que la propriété héritée soit différente*/
  4. font-size: 12px;
  5. line-height: normal; /*Idem, inutile à moins que la propriété héritée soit différente*/
  6. color: #660033;
  7. background-color:#e6e4e9;
  8. width: 553px;
  9. margin-right: auto;
  10. margin-left: auto;
  11. text-align: left;
  12. border: none 0px;
  13. }


 
mais puisque la largeur des td change selon la page ou est le tableau, faut il faire un style genre
 
 

Code :
  1. .td1
  2. {
  3. width:80px;
  4. margin: 3px; /*La propriété margin n'a pas de sens pour les cellules*/
  5. }


 
pour chaque cas ? étant donné qu'en XHTML1.1 nous n'avons plus le droit de faire

Code :
  1. <td class"toto" width="100px">blabla</td>


 
merci


Si tu ne veux pas écrire la largeur dans chaque cellule tu peux utilises les balises <colgroup> et <col> :
 

<table>
  <colgroup>
    <col width="80" />
    <col width="250" />
    <col />
  </colgroup>
  <tr>
    <td>...</td>
    <td>...</td>
    <td>...</td>
  </tr>
...
</table>


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°315903
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-02-2003 à 17:20:59  profilanswer
 

Suffit de le faire juste pour la première ligne du tableau :D
 
colgroup c'est reconnu par quels browsers ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°315906
gm_superst​ar
Appelez-moi Super
Posté le 23-02-2003 à 17:28:05  profilanswer
 

antp a écrit :

Suffit de le faire juste pour la première ligne du tableau :D


Oui mais c'est sémantiquement moins bon ;)

antp a écrit :

colgroup c'est reconnu par quels browsers ?


Le bon réflexe : http://www.blooberry.com/indexdot/ [...] lgroup.htm


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°315953
Flyman30
Posté le 23-02-2003 à 19:05:26  profilanswer
 

gm_superstar a écrit :


Oui mais c'est sémantiquement moins bon ;)
 
Le bon réflexe : http://www.blooberry.com/indexdot/ [...] lgroup.htm


 
 
Un grand merci à tous les 2  :)


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

  Declarer un tableau en CSS

 

Sujets relatifs
[XHTML] tableau ou liste ?[ PHP ] comment enlever les doublons d'une var en tableau ( Array )
CSS appliqué sur un SPANqd je met une "form" dans une ligne de tableau, IE 6 saute une ligne
Telecharger le validateur de CSS du W3CCSS, problème en étant passé de IE5.5 à IE6
Tableau : alterner remplissage colone gauche puis droite puis gauche ?Un treeview cross browser en xHTML/CSS ça existe?
[CSS] 2 Couleurs de liens dans 2 div[CSS] c'est quoi ce > ?
Plus de sujets relatifs à : Declarer un tableau en CSS


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