Ослобађање од простора у ХТМЛ табелама

click fraud protection

Ако користите табеле за изглед странице (не-не у КСХТМЛ-у), вероватно ћете доживети неугледно додавање додатног простора у својим распоредима. Да бисте решили овај проблем, морате да проверите и дефиницију ХТМЛ табеле и детаље било које табеле управљања.

Дефиниција ХТМЛ табеле

ХТМЛ ознака за табеле подразумевано не контролише неке захтеве за размаком. Проверите три ствари о сто ознака у вашем ХТМЛ документу:

  1. Да ли ваша табела има атрибут целлпаддинг постављен на 0?
    1. целлпаддинг = "0"
  2. Да ли ваша табела има атрибут ћелијског простора постављен на 0?
    1. целлпацинг = "0"
  3. Постоје ли размаци пре или после вашег садржаја и ознака табеле?

Број 3 је ударац. Много ХТМЛ уредници волели би да код буде размакнут, како би се олакшало читање. Али многи прегледачи тумаче те картице, размаке и повратак карата као жељени додатни простор унутар ваших табела. Ослободите се празног простора који окружује ознаке и добићете оштрије табеле.

Табеле стилова

Међутим, можда није искључен ХТМЛ. Каскадни листови стилова

instagram viewer
контролишете неке атрибуте приказа табела и у зависности од странице, можда сте можда и не морате намерно додати ЦСС специфичан за табелу.

Скенирајте управљачку ЦСС датотеку у било којој од следећих вредности у сто, тх, или тдсвојства и прилагодити по потреби:

  • граница: Одређује атрибуте обруба табеле или ћелије
  • гранични колапс: Третира суседне границе као једну, како би се избегло дуплирање ширине граница
  • паддинг: Нуди празан простор у пикселима око сваке ћелије
  • Поравнање текста: Одређује поравнање текста унутар ћелије
  • размак између граница: Поставља размак између ћелија, у пикселима

Алтернативе

Иако и даље можете користити ХТМЛ табеле (стандард је добро успостављен и данас је универзално подржан прегледачи), најсавременији одзивни веб дизајн користи каскадне табеле стилова за постављање елемената на страницу. Табеле и даље имају смисла за своју првобитну намену приказивања табеларних података, али за организацију изгледа и садржаја странице много је боље да користите ЦСС распоред.

instagram story viewer