HALLOWEEN JE TADY: Získej 66 % extra kreditů zdarma při nákupu od 1199 kreditů s promo kódem NEBOJSEIT66. Zjisti více:
NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:

Diskuze – Lekce 5 - Tabulky v HTML

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Nejnovější komentáře jsou na konci poslední stránky.
Avatar
Ren
Člen
Avatar
Ren :9.4.2024 15:39

Všemu rozumím, vše bylo pěkně vysvětleno, akorát se zarážím u rowspan a colspan... Rozumím, proč je tam číslo 2, jelikož nám spojuje 2 buňky... Jak ale poznám, že ví které 2 spojit. :D Pokud to dobře chápu, má spojit takové buňky, které sdílí stejný název, v našem případě "Ano" a "Neuvedeno". Pokud je moje hypotéza správná, mohl by mi to prosím někdo potvrdit? Předem děkuju:)

Avatar
Jan Všetíček:11.4.2024 17:35

Oproti předchozím lekcím mi přijde tato lekce uspěchaná. Skoro jako by už znalosti tabulek nebyly v dnešní době příliš relevantní.

Avatar
Odpovídá na Ren
Patrik Tománek:3.5.2024 14:16

Ahoj,

jestli jsem to pochopil správně, funguje to stylem, že nastavíš stejnou hodnotu buňky pro další řádky v tabulce. Nemusíš řešit jaké buňky ti to spojí, jelikož se rowspan aplikuje na počet řádku, který si určíš ty.

<td rowspan="5" 49 999 Kč></td> → aplikuje ti 49 999 Kč pro čtyři další řádky ve kterých už nemusíš vypisovat <td>49 999 Kč></td>

V mém případě jsem 'rowspan' použil na rok výroby, skladem a cenu.

<table border="3">
    <thead>
        <th>Značka notebooků</th>
        <th>Rok výroby</th>
        <th>Dostupnost</th>
        <th>Cena</th>
    </thead>
    <tbody>
        <tr>
        <td>ASUS</td>
        <td rowspan="5">2023</td>
        <td rowspan="5">Skladem</td>
        <td rowspan="5">49 999 Kč</td>
        </tr>
        <tr>
            <td>MSI</td>
        </tr>
        <tr>
            <td>Lenovo</td>
        </tr>
        <tr>
            <td>HP</td>
        </tr>
        <tr>
            <td>Fujitsu</td>
        </tr>
        <tr>
            <td>Dell</td>
            <td>2024</td>
            <td>Dostupné: 30.6.2024</td>
            <td>55 490 Kč</td>
        </tr>
    </tbody>
</table>

Všimni si, že u šestého řádku už jsem musel vše vypsat ručně, protože už tam nemám stejné hodnoty (2023, Skladem, 49 999 Kč).
Kdybych změnil 'rowspan="6"', aplikuje se i pro notebooky značky Dell s tím rozdílem, že tam budu mít buňky navíc a tabulka bude vypadat nějak takhle (obrázek 3), takže použije nastavení z prvního řádku a potom pracuje s dalšími buňkami co jsem měl vypsané v kódu.

Doufám, že jsem to vypsal srozumitelně. Nejsem moc dobrý na vysvětlování 😁

Odpovědět
Nikdy to nesmíš vzdát!
Avatar
Ren
Člen
Avatar
Odpovídá na Patrik Tománek
Ren :5.5.2024 22:09

Ahoj, už jsem to pochopila, je to nějaká doba, ale děkuju za vysvětlení, Patriku:). Sama jsem špatná ve vysvětlování, ale vysvětlil si to hezky, ještě jednou děkuju. 😁

Avatar
Odpovídá na Ren
Patrik Tománek:6.5.2024 9:11

Není vůbec za co Ren, ať se ti daří ve studiu 😁

Odpovědět
Nikdy to nesmíš vzdát!
Avatar
Michal Pončák:5.6.2024 14:54

Trochu som s tym mal problem pri zlucovani buniek.

Avatar
Miloš Sivák:21.10.2024 15:40

Věci, které nejsou momentálně potřeba bych v danou chvíli vůbec neuváděl (viz např. styly pro mobilní zařízení).

Avatar
Jan černý
Člen
Avatar
Jan černý:19. ledna 13:56

to je pořádně zapeklité moc jsem nepobral to tfoof
a použití tučného textu b, strong nebo nějaký nadpis v tabulce místo thade je předpokládám nesémantické.

Avatar
Zdeněk Milota:1. února 15:01

Při čtení stránky (audio poslech), máte některé písmenné znaky zvýrazněné pomocí <strong> - např. table data a audio poslech to potom čte hrozně. Nejprve přečte "t" a potom až "able" (t-able). Nešlo by to v kurzech vyřešit za pomocí pouze vizuálního zvýraznění <b>. Nemyslím si, že je potřeba mít u jednoho písmene <strong>. Ale zároveň nevím, jestli s tím potom audio poslech nebude mít třeba problém.
Díky za info a zároveň se tím poučíme a dozvíme něco nového. Nebo alespoň já. :)))

Nejnovější komentáře jsou na konci poslední stránky.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 109.