Jak na tenké orámování tabulky 1.
Zkušení tvůrci www stránek, kteří používají při své práci tabulky, se již zcela jistě setkali s nepříjemným faktem – pokud totiž zadají orámování tabulky border=“1″, výsledná čára kolem tabulky nemá tlouštku jeden pixel, ale pixely dva.
Zde je příklad jednoduché tabulky o jedné buňce (řádku), která má nastaveno orámování border=“1″ a kde je zvolena barva orámování jako černá.
|
Příklad:
Text v tabulce |
Pokud bychom nyní orámování výše uvedené tabulky změřili – například pomocí nějakého grafického programu, zjistíme, že orámování není jeden pixel, jak by mělo být (border=“1″), ale pixely dva. Abych byl upřímný, nevím, proč tomu tak je, ale dám vám hned tip, jak dosáhnout orámování tabulky, které bude mít skutečně jeden pixel.
Abychom toho dosáhli, musíte tabulku, kterou chce orámovat, vnořit ještě do jedné tabulky, která bude mít nastaven cellpadding=“1″ (okraj mezi buňkou a obsahem buňky) a černé pozadí (pro černé orámování). Ve vnořené tabulce poté nastavte nějakou barvu pozadí, v tomto případě modrou (bgcolor=“#99CCFF“). Třeba takto:
|
Příklad:
|
Dosáhli jsme vlastně toho, že nadřazenou tabulku, která má černé pozadí, jsme překryli tabulkou, která má modré pozadí. V tabulce s černým pozadím je nastaven cellpadding=“1″, který odsadí vnořenou modrou tabulku ze všech stran o právě jeden pixel a vytvoří tak ono jednopixelové orámování. Pokud by jste potřebovali orámování 3 pixely, stačí nastavit v nadřazené tabulce cellpadding=“3″. Tento způsob má navíc tu výhodu, že barva orámování bude i v Netscape Navigatoru – který má sklon přidávat k barvě orámování tabulky ještě šedý stín, který nejde odstranit – stejná.
Tento jednoduchý trik ohledně tenkého orámování tabulky se bohužel nedá použít pokaždé. Pokud máte například tabulku, která má dva řádky a chcete ji orámovat (tedy včetně řádků), nepůjde to jinak jinak než pomocí border=“1″. Pak se musíte smířit s dva pixely tlustou čárou…
Starší komentáře ke článku
Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.
Mohlo by vás také zajímat
-
Znovuuvedení domény .AD
5. září 2024 -
Jak se chránit před podvody na internetu – část 1
8. října 2024 -
Jak lze snadno upravovat soubory v PDF?
14. září 2023 -
Vaše pošta může být špatně nastavena – svěřte ji profesionálům
13. července 2023
Nejnovější
-
Windows App: Pracujte odkudkoliv, kdykoliv
3. listopadu 2024 -
Od iPhonu po Android: Ultra HDR přináší nový standard fotografií
1. listopadu 2024 -
AI a internetové podvody
29. října 2024 -
Užitečné nástroje pro bezpečnost na internetu
17. října 2024