Largeur des colonnes d'un tableau

Largeur des colonnes d'un tableau - HTML/CSS - Programmation

Marsh Posté le 20-01-2003 à 11:24:18    

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. }
  5. .width60px {
  6. width: 60px;
  7. }
  9. .width80px {
  10. width: 80px;
  11. }
  13. .widthXpx {
  14. width: *;
  15. }


 
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
Reply

Marsh Posté le 20-01-2003 à 11:24:18   

Reply

Marsh Posté le 20-01-2003 à 11:39:14    

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-01-2003 à 11:48:00    

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

Reply

Marsh Posté le 20-01-2003 à 12:55:53    

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. }
  5. .width60px {
  6. width: 60px;
  7. }
  9. .width80px {
  10. width: 80px;
  11. }
  13. .widthXpx {
  14. width: *;
  15. }


 
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>

Reply

Marsh Posté le 20-01-2003 à 14:22:31    

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

Reply

Marsh Posté le 20-01-2003 à 18:25:01    

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%;
}

Reply

Marsh Posté le 20-01-2003 à 18:54:09    

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.

Reply

Marsh Posté le 20-01-2003 à 18:55:23    

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. }
  27. .tr2
  28. {
  29. background-color: #e6e4e9;
  30. text-align: left;
  31. font-family: Verdana, Arial, Helvetica, sans-serif;
  32. font-size: 12px;
  33. line-height: normal;
  34. color: #660033;
  35. }


 

Reply

Sujets relatifs:

Leave a Replay

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