HTML Info

Webről, magyarul, mindenkinek

Cellaszélesség

egy megjegyzés

A HTML táblázatok oldalon merül fel a kérdés, hogyan lehet az oszlopok szélességét beállítani. Alapvetően kétféle módszer létezik:

  1. Abszolút méret beállításával: az oszlopok első cellájának fix méretet adunk, ekkor, ha a fene fenét eszik, sem változik a mérete.
  2. Relatív beállítással: ekkor is az oszlopok első cellájának adunk meg szélességet, csakhogy az a táblázat egésze által elfoglalható szélességhez igazodik.

1. táblázat – oszlopszélesség beállítása nélkül

Példatáblázat oszlopszélesság beállítása nélkül
Első oszlop Második oszlop Harnadik oszlop
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis ligula non enim sollicitudin ut dignissim est tempor. Quisque faucibus, dolor ut gravida dapibus, risus nisl laoreet lorem, nec commodo diam arcu tempus odio. Quisque sed tristique enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

2. táblázat – oszlopszélesség fix beállításával

Példatáblázat oszlopszélesság beállításával
Első oszlop Második oszlop Harnadik oszlop
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis ligula non enim sollicitudin ut dignissim est tempor. Quisque faucibus, dolor ut gravida dapibus, risus nisl laoreet lorem, nec commodo diam arcu tempus odio. Quisque sed tristique enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

A második táblázatban az első sor celláinak szélességét állítottam be a style attribútummal: style="width:200px;"

3. táblázat – oszlopszélesség relatív beállításával

Példatáblázat oszlopszélesság relatív beállításával
Első oszlop Második oszlop Harnadik oszlop
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis ligula non enim sollicitudin ut dignissim est tempor. Quisque faucibus, dolor ut gravida dapibus, risus nisl laoreet lorem, nec commodo diam arcu tempus odio. Quisque sed tristique enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

A harmadik táblázatban a obb láthatóság kedvéért először a teles táblázat szélességét határoztam meg relatív módon (style="width:80%;"), aztán az első sor celláinak szélességét állítottam be a style attribútummal: style="width:25%;"

Írta: htmlinfo

2010. 02 20 at 9:58 am

Kategória: Tippek

Címkék ,

Egy megjegyzés :: 'Cellaszélesség'

Feliratkozás a megjegyzésekre: RSS vagy Trackback küldése: 'Cellaszélesség'.

  1. Azért az érdekelne, hogy miért lesz az oszlopok szélessége 33%?

    sajt

    2010. 02 20 at 11:17

Megjegyzés hozzáfűzése