Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

HTML col align=right

Pagina: 1
Acties:

  • g4wx3
  • Registratie: April 2007
  • Laatst online: 12-10 08:33
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:
1
2
3
4
5
6
7
8
9
10
11
12
                <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>

http://www.softfocus.be/


  • MuisM4t
  • Registratie: Mei 2007
  • Niet online
Dit kun je met CSS oplossen:
Cascading Stylesheet:
1
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
  • Registratie: Januari 2000
  • Niet online
MuisM4t schreef op zaterdag 05 juli 2008 @ 17:38:
Dit kun je met CSS oplossen:
Cascading Stylesheet:
1
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
  • Registratie: April 2007
  • Laatst online: 12-10 08:33
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 ]

http://www.softfocus.be/


  • Osiris
  • Registratie: Januari 2000
  • Niet online
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:
1
2
3
4
5
6
7
8
9
10
11
12
                <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:
1
2
3
4
5
6
#nummertjes td
{

  text-align: right;

}


Untested, maar zou moeten werken lijkt me.

  • g4wx3
  • Registratie: April 2007
  • Laatst online: 12-10 08:33
in ie6 werkt je voorbeeld, niet in fx 3.

Aangewezen op classes in iedere cell, maakt niet uit

http://www.softfocus.be/


  • Blaise
  • Registratie: Juni 2001
  • Niet online
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.
Pagina: 1