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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Largeur des colonnes d'un tableau

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Largeur des colonnes d'un tableau

n°289824
souljacker
Posté le 20-01-2003 à 11:24:18  profilanswer
 

Bonjour,
 
J'ai un tableau (en 100%) dont j'ai défini les colonnes comme suit:

Code :
  1. <tr class="productheader">
  2. <th class="widthXpx"> </th>
  3. <th class="width80px">N° de code</th>
  4. <th class="width60px">Htva (?)</th>
  5. <th class="width60px">Tvac (?)</th>
  6. <th class="width40px">Ajouter</th>
  7. </tr>


 
Avec comme CSS:

Code :
  1. .width40px {
  2. width: 40px;
  3. }
  4. .width60px {
  5. width: 60px;
  6. }
  7. .width80px {
  8. width: 80px;
  9. }
  10. .widthXpx {
  11. width: *;
  12. }


 
Le problème c'est que les champs où j'ai fixé le nombre de pixels ne se mettent pas comme je le voudrais, ils ont une largeur plus grand que ce que j'ai prévu. Et celui avec width: *, ne prend que quelques pixels.
 
Comment je pourais faire pour que IE (et oui encore ce beep) veuille bien respecter la largeurs que j'impose?
 
Merci pour votre aide.
 
PS: les réponses du type, laisse tomber IE ou passe à Mozilla sont inutiles. Merci de votre compréhension.


Message édité par souljacker le 20-01-2003 à 11:25:42
mood
Publicité
Posté le 20-01-2003 à 11:24:18  profilanswer
 

n°289835
antp
Super Administrateur
Champion des excuses bidons
Posté le 20-01-2003 à 11:39:14  profilanswer
 

width: *; c'est valide ? il se passe quoi si tu le vires simplement ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°289841
souljacker
Posté le 20-01-2003 à 11:48:00  profilanswer
 

Ca revient au même. Mais il me semble que width: * est autorisé, mais j'en suis pas sur.

n°289895
Flyman30
Posté le 20-01-2003 à 12:55:53  profilanswer
 

SoulJacker a écrit :

Bonjour,
 
J'ai un tableau (en 100%) dont j'ai défini les colonnes comme suit:

Code :
  1. <tr class="productheader">
  2. <th class="widthXpx"> </th>
  3. <th class="width80px">N° de code</th>
  4. <th class="width60px">Htva (?)</th>
  5. <th class="width60px">Tvac (?)</th>
  6. <th class="width40px">Ajouter</th>
  7. </tr>


 
Avec comme CSS:

Code :
  1. .width40px {
  2. width: 40px;
  3. }
  4. .width60px {
  5. width: 60px;
  6. }
  7. .width80px {
  8. width: 80px;
  9. }
  10. .widthXpx {
  11. width: *;
  12. }


 
Le problème c'est que les champs où j'ai fixé le nombre de pixels ne se mettent pas comme je le voudrais, ils ont une largeur plus grand que ce que j'ai prévu. Et celui avec width: *, ne prend que quelques pixels.
 
Comment je pourais faire pour que IE (et oui encore ce beep) veuille bien respecter la largeurs que j'impose?
 
Merci pour votre aide.
 
PS: les réponses du type, laisse tomber IE ou passe à Mozilla sont inutiles. Merci de votre compréhension.


 
Moi je mets :<th><div class="widthXpx"> </div>

n°289934
souljacker
Posté le 20-01-2003 à 14:22:31  profilanswer
 

euh? peux-tu être plus explicite là??????
 
Flyman: j'ai essayé, ca change rien.

n°290170
panchopa
le lama de Lima
Posté le 20-01-2003 à 18:25:01  profilanswer
 

non apparement son tableau sert a présenter des données :
 
N° de code, Htva (?), Ajouter, Tvac (?.  
 
l'esprit xhtml est bien de mettre les donnés dans des tableaux, et laisser la présentation aux div  :)  
 
tu as essayé ca ?
.widthXpx {
width: 100%;
}

n°290186
souljacker
Posté le 20-01-2003 à 18:54:09  profilanswer
 

Si j'utilise un tableau, c pas pour rien. Je ne cherche pas à manipuler au quart de poil près, mais tant qu'à faire, j'aimerais bien qu'il soit présenté correctement.
 
panchopa : oui j'ai essayé mais c pire car il réduit au strict minimum les autres colonnes et donc je me retrouve avec du multi-ligne.

n°290187
Flyman30
Posté le 20-01-2003 à 18:55:23  profilanswer
 

SoulJacker a écrit :

euh? peux-tu être plus explicite là??????
 
Flyman: j'ai essayé, ca change rien.


 

Code :
  1. <table class="table">
  2. <%If (Repeat1__numRows Mod 2) Then%>
  3. <tr class="tr1">
  4. <%Else%>
  5. <tr class="tr2">
  6. <%End If%>
  7. <td><%=(Divers.Fields.Item("Marque" ).Value)%></td>
  8. <td><%=(Divers.Fields.Item("Nom" ).Value)%></td>
  9. <td><div class="t5"><%=Round((Divers.Fields.Item("Tarif" ).Value)* Coef)%></div></td>
  10. <td><div class="centre"><span class="TextGras">€</span></div></td>
  11.         </tr>
  12. </table>


 
Bon il reste un peu de code ASP dedans, ça fonctionne sans problèmes  ;)  
 
CSS:

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. }
  13. .t5
  14. {
  15. text-align: right;
  16. }
  17. .tr1
  18. {
  19. background-color: #d5d3de;
  20. text-align: left;
  21. font-family: Verdana, Arial, Helvetica, sans-serif;
  22. font-size: 12px;
  23. line-height: normal;
  24. color: #660033;
  25. }
  26. .tr2
  27. {
  28. background-color: #e6e4e9;
  29. text-align: left;
  30. font-family: Verdana, Arial, Helvetica, sans-serif;
  31. font-size: 12px;
  32. line-height: normal;
  33. color: #660033;
  34. }


 


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

  Largeur des colonnes d'un tableau

 

Sujets relatifs
La largeur d'un calqueComparaison de tableau en PHP
Comment mettre une barre de defilement uniquement sur un tableau[java] gestionnaire de mise en page : connaitre la ligne-colonnes
Probleme de mise en forme d'un tableau[C,C++] ecriture tableau dans un fichier
[css] mise en forme de tableau[HTML|JS] hauteur et largeur de div différentes sous netscape ou ie
[XHTML] Aligner du texte à gauche dans un tableauSimuler comportement de colonnes avec des <div>
Plus de sujets relatifs à : Largeur des colonnes d'un tableau


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