HTML col align=right

[g4wx3]

Ik heb wat tabulaire data, en wilde eens zo'n tabelleke maken.
Helaas krijg ik de gegevens maar niet opgemaakt.

Net zoals in excel, wil ik de getallekes rechts uitlijnen.

Waarom doet ie het nou niet? (behalve in ie6)

HTML:

                <table >
                <col>
                <col style="text-align: right">
                
                <tr><th>Item</th><th>Prijs</th></tr>
                <tr><td>lorem ipsum</td><td>13</td></tr>
                <tr><td>lorem ipsum</td><td>7</td></tr>
                <tr><td>lorem ipsum</td><td>13</td></tr>
                <tr><td>lorem ipsum</td><td>8</td></tr>
                <tr><td>lorem ipsum</td><td>8</td></tr>
                <tr><td>Totaal</td><td>140</td></tr>
                </table>

[MuisM4t]

Dit kun je met CSS oplossen:

Cascading Stylesheet:

td {text-align:right;}

Maar dit had je ook kunnen vinden met behulp van google.

[ Voor 28% gewijzigd door MuisM4t op 05-07-2008 17:39 ]

[Osiris]

MuisM4t schreef op zaterdag 05 juli 2008 @ 17:38:
Dit kun je met CSS oplossen:

Cascading Stylesheet:

td {text-align:right;}

Maar dit had je ook kunnen vinden met behulp van google.

CSS gebruikte ie al (inline ), wellicht nuttiger om hem expliciet te melden dat ie 't op het td-element moet setten i.p.v. het col-element.

[g4wx3]

Ik wil niet de hele tabel recht uitlijnen, alleen de getallekes, en ik kan dat ook doen door iedere cell een class mee te geven, maar speciaal voor dit geval heeft men col en colgroup uitgevonden, waarom werkt het dan niet?

* ik zal het vooropig oplossen met een class, ik wil m'n projectje straks klaar hebben

EDIT:
Hier een linkje over "col":
http://www.htmlcodetutorial.com/tables/_COL_ALIGN.html
ook hier werkt het niet
Ik werk met doctype HTML 4.1 Transisional

[ Voor 36% gewijzigd door g4wx3 op 05-07-2008 17:43 ]

[Osiris]

g4wx3 schreef op zaterdag 05 juli 2008 @ 17:40:
Ik wil niet de hele tabel recht uitlijnen, alleen de getallekes, en ik kan dat ook doen door iedere cell een class mee te geven, maar speciaal voor dit geval heeft men col en colgroup uitgevonden, waarom werkt het dan niet?

* ik zal het vooropig oplossen met een class, ik wil m'n projectje straks klaar hebben

EDIT:
Hier een linkje over "col":
http://www.htmlcodetutorial.com/tables/_COL_ALIGN.html
ook hier werkt het niet
Ik werk met doctype HTML 4.1 Transisional

Omdat de text-align op een <col>-element simpelweg weinig nut heeft. Je kunt ongetwijfeld die <col>-meuQ gebruiken, maar je zult toch echt de text-align-attribuut aan een <td> moeten 'hangen'.

Je zou ofcourse kunnen doen:

HTML:

                <table >
                <col>
                <col id="nummertjes">
                
                <tr><th>Item</th><th>Prijs</th></tr>
                <tr><td>lorem ipsum</td><td>13</td></tr>
                <tr><td>lorem ipsum</td><td>7</td></tr>
                <tr><td>lorem ipsum</td><td>13</td></tr>
                <tr><td>lorem ipsum</td><td>8</td></tr>
                <tr><td>lorem ipsum</td><td>8</td></tr>
                <tr><td>Totaal</td><td>140</td></tr>
                </table>

Cascading Stylesheet:

#nummertjes td
{

  text-align: right;

}

Untested, maar zou moeten werken lijkt me.

[g4wx3]

in ie6 werkt je voorbeeld, niet in fx 3.

Aangewezen op classes in iedere cell, maakt niet uit

[Blaise]

Colgroups en cols kan je maar beperkt opmaken met CSS. Alleen deze CSS properties werken in alle browsers: border, background, visibility en width. Bij sommige browsers werken ook andere CSS properties, maar dat is niet volgens de standaard.

Je kan dus het beste de td class="numerical" geven en in je CSS bestand specificeren dat td.numerical rechts uitgelijnd moet worden.