A HTML-táblák tereinek megszabadulása

click fraud protection

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:

  1. A táblázatában a cellpadding attribútum értéke 0?
    1. cellpadding = "0"
  2. A táblázatában a cellatér attribútum értéke 0?
    1. cellatér = "0"
  3. 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.

instagram viewer
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.

instagram story viewer