Ha táblázatokat használ az oldal elrendezéséhez (nem-nem XHTML-ben), valószínűleg tapasztalni fogja az elrendezésekben a csúnya extra hely hozzáadását. A probléma megoldásához ellenőriznie kell mind a HTML tábla definícióját, mind az irányító stíluslap sajátosságait.
HTML táblázat meghatározása
A HTML címke táblák esetén alapértelmezés szerint nem szabályoz bizonyos térköz követelményeket. Ellenőrizzen három dolgot a asztal címke a HTML dokumentumban:
- A táblázatában a cellpadding attribútum értéke 0?
cellpadding = "0"
- A táblázatában a cellatér attribútum értéke 0?
cellatér = "0"
- Van-e szóköz a tartalma és a táblázat címkéi előtt vagy után?
A 3. szám a rúgó. Sok HTML szerkesztők szeretném, ha a kód mind el lenne helyezve, hogy könnyen olvasható legyen. De sok böngésző úgy értelmezi ezeket a füleket, szóközöket és a szóközöket, hogy a táblák belsejében a kívánt extra helyet kapják. Megszabadulva a címkéket körülvevő szóköztől, élesebb táblákat kap.
Stíluslapok
Előfordulhat azonban, hogy nem a HTML van kikapcsolva.
Lépcsőzetes stíluslapok vezérelje a táblák egyes megjelenítési attribútumait, és az oldaltól függően lehet, hogy szándékosan hozzáadta a táblához tartozó CSS-t.Vizsgálja meg az irányító CSS fájlt a következő értékek bármelyikén belül asztal, th, vagy tdtulajdonságait és szükség szerint állítsa be:
- határ: Megadja egy tábla vagy cellahatár attribútumait
- határ-összeomlás: A szomszédos határokat egyként kezeli, elkerülve a határszélességek megkettőzését
- párnázás: Üres helyet kínál pixelben, az egyes cellák körül
- szöveg igazítás: Meghatározza a a szöveg igazítása a cellán belül
- határok közötti távolság: Beállítja a cellák közötti távolságot pixelben
Alternatívák
Bár továbbra is használhat HTML táblákat (a szabvány ma már jól bevált és általánosan támogatott böngészők), a legmodernebb adaptív webdesign kaszkád stíluslapokat használ az elemek elhelyezésére az oldalon. A táblázatoknak továbbra is van értelme a táblázatos adatok megjelenítésének eredeti rendeltetésének megfelelően, de az oldal elrendezésének és tartalmának rendezéséhez sokkal jobb, ha inkább CSS elrendezést használ.