Cellaszélesség
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:
- 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.
- 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
| 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
| 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
| 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%;"
Nincsenek kapcsolódó bejegyzések.
2010. 02. 20.
· 
htmlinfo · 
Egy megjegyzés
Címkék: beállítás, táblázat · Kategória:: Tippek
Egy válasz
sajt - 2010. 02. 20.
Azért az érdekelne, hogy miért lesz az oszlopok szélessége 33%?
Szólj hozzá!