Diskuze: Jak vycentrovat tabulku a označit sloupec
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 11 zpráv z 11.
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Tabuľku ide centrovať aj pomocou margin: auto v CSS. Atribútov určujúcich vzhľad by sa v HTML malo vyskytovať čo najmenej.
Já si taky myslím že vzhled by se měl určovat v CSS, margin: auto bych
použil kdyby používal centrovanou tabulku často, nebo nedejbože tabulkový
layout. Zato když použije tabulku jen občas tak podle mě align="center"
nijak moc nevadí.
(Něco jiného je <center> ten jsem dříve používal a dodnes se za to
stydím)
Ono ide práve o snahu oddeliť vzhľad od obsahu. Neformálne a prakticky je tvoje riešenie pre jeden prvok rovnako funkčné ako použitie marginu.
Za čistejšie riešenie ale považujem nastaviť triedu a požadované vlastnosti deklarovať v CSS. Triedu môžeš neskôr nastaviť aj iným tabuľkám (či prvkom) a v prípade potreby vzhľad zmeniť na jednom riadku v CSS.
Formálne je atribút align zastaraný rovnako ako značka <center>.
Máš pravdu, můj problém je v tom, že když jsem se učil HTML tak jsem byl líný naučit se CSS a některé špatné zvyky mi zůstaly.
Pro vycentrování tabulky určitě použij CSS. Nejjednodušší způsob je použití vlastnosti margin a nastavení odsazení levého a pravého okraje na stejné automatické hodnoty.
table {
margin: 0px auto;
}Pro podporu starších prohlížečů je nutné, jak bývá zvykem, si pomoci vlastností text-align.
.centered {
text-align: center;
}
table {
margin: 0px auto;
text-align: left;
}
<div class="centered">
<table>
...
</table>
</div>Popřípadě můžeš div s třídou centered vynechat a vlastnost text-align použít na tag body.
Pokud chceš, aby se šířka tabulky procentuálně přizpůsobovala, řešení by mohlo být následující.
table {
width: 80%;
margin: 0% 10%;
}A označit sloupec můžeš jednoduchým selektorem. Dá se říci, že jednička v tomto případě značí číslo sloupce.
table tr td:nth-child(1) {
...
}Ještě bych doplnil, že pokud se jedná o vycentrování tabulky v HTML e-mailu, je použití atributu align="center" na místě.
Za všechno díky. Ten sloupec bych chtěl oznacit nějakým tagem, třeba jako se označuje článek article atd.
Existuje HTML značka <col> (http://jecas.cz/html-tabulky#col). Nejde ňou ale meniť každý aspekt vzhľadu... Na djpw sa to nedávno riešilo (http://diskuse.jakpsatweb.cz/?…).
V prípade potreby obšírnejšieho štýlovania ide konkrétny stĺpec zamerať cez selektor priameho súrodenca. V prípade, že tabuľka obsahuje aj pospájané bunky môže byť celkom oriešok zamerať požadovaný stĺpec v každom riadku...
Sloupec žádným tagem neoznačíš. Můžeš tak maximálně označit příslušné buňky atributem class, respektive přidat jim třídu a tím budeš mít dá se říci označený sloupec. Jinak to nejde a jinak to ani není potřeba.
Zobrazeno 11 zpráv z 11.