Kung gumagamit ka ng mga talahanayan para sa layout ng pahina - isang no-no sa XHTML , sa pamamagitan ng paraan-malamang makaranas ka ng hindi magandang tingnan na karagdagan ng dagdag na espasyo sa iyong mga layout. Upang ayusin ang problemang ito kailangan mong suriin ang iyong parehong kahulugan ng talahanayan ng HTML at ang mga specifics ng anumang namamahala na estilo sheet.
Kahulugan ng Table ng HTML
Ang HTML tag para sa mga talahanayan sa pamamagitan ng default ay hindi kontrol para sa ilang mga kinakailangan sa espasyo. I-verify ang tatlong bagay tungkol sa tag ng talahanayan sa loob ng iyong HTML na dokumento:
- Ang iyong talahanayan ay may naka-set na katangian ng cellpadding sa 0?
- cellpadding = "0"
- Ang iyong talahanayan ay may naka-set na cellspacing attribute sa 0?
- cellspacing = "0"
- Mayroon bang mga puwang bago o pagkatapos ng iyong nilalaman at mga tag ng talahanayan?
Number 3 ang kicker. Maraming mga taga-edit ng HTML na nais na magkaroon ng code ang lahat ng spaced out, upang gawing mas madaling basahin. Ngunit maraming mga browser ang binibigyang kahulugan ang mga tab, puwang at karwahe na nagbalik habang nais na dagdag na espasyo sa loob ng iyong mga talahanayan. Alisin ang whitespace na nakapaligid sa iyong mga tag at magkakaroon ka ng mga mesa ng crisper.
Mga Estilo ng Sheet
Gayunpaman, maaaring hindi ito ang HTML na naka-off. Ang mga sheet style ng Cascading ay may kontrol sa ilang mga katangian ng pagpapakita ng mga talahanayan at depende sa pahina, maaari mong o hindi maaaring may kusa na idinagdag ang talahanayan na partikular sa CSS sa unang lugar.
I-scan ang namamahala na file ng CSS para sa alinman sa mga sumusunod na halaga sa loob ng talahanayan, ika-th o td properties at ayusin kung kinakailangan:
- tinutukoy ng hangganan ang mga katangian ng hangganan ng isang table o cell
- Ang border-collapse ay nagtutulak ng mga katabing mga hangganan bilang isa, upang maiwasan ang pag-duplicate ng lapad ng border
- Ang padding ay nagbibigay ng blangko na espasyo, sa mga pixel, sa paligid ng bawat cell
- Tinutukoy ng teksto-align ang pagkakahanay ng teksto sa loob ng cell
- Ang spacing-spacing ay nagtatakda ng spacing sa pagitan ng mga cell, sa pixel
Mga alternatibo
Kahit na maaari mo pa ring gamitin ang mga talahanayan ng HTML-ang standard ay mahusay na naitatag at sinusuportahan sa lahat ng mga browser ngayon-karamihan sa mga modernong tumutugon sa disenyo ng Web ay gumagamit ng cascading style sheets upang ilagay ang mga elemento sa isang pahina. Ang mga talahanayan ay may katuturan pa rin para sa kanilang orihinal na nilalayon na layunin ng pagpapakita ng hugis ng mga talaan ng datos, ngunit para sa pag-aayos ng layout at nilalaman ng isang pahina, mas mahusay ka sa paggamit ng layout ng CSS sa halip.