Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 5. diel - Tabuľky v HTML

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej 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
Odpovedá 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í 😁

Odpovedať
Nikdy to nesmíš vzdát!
Avatar
Ren
Člen
Avatar
Odpovedá 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
Odpovedá na Ren
Patrik Tománek:6.5.2024 9:11

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

Odpovedať
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. januára 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. februára 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á. :)))

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 9 správy z 109.