Vytvoření šachovnice v html

Od: andrea97 25.10.17 20:05 odpovědí: 17 změna: 26.10.17 11:26

Ahojte, chtěla bych Vás poprosit jestli by jste mi nepomohli s tímto úkolem. (Vytvoření šachovnice v html kódech)

Vytvořte pouze pomocí tabulky a CSS šachovnici. Stačí vám na to jediná CSS třída a dva nastylované tagy. Vyhněte se všem atributům v tazích tabulky, které nejsou absolutně nezbytné a jdou nahradit styly.

Děkuji moc, za jakoukoliv odpověd a pomoc.

Odpovědět na otázku Skočit na nejnovější odpověď

17 odpovědí na otázku

Řazeno dle hodnocení

iz*

25.10.17 20:17

Ráda Vám s tím pomůžu, ale úkol za Vás neudělám (a doufám, že ani nikdo jiný). Vložte sem své řešení jako obrázek (vkládání kódu tu moc nefunguje), podívám se na ně.

andrea97

25.10.17 20:24

Kdybych tento ukol věděla, tak tady asi nepíšu.Vkládám to tu, aby mi to někdo pomohl vyřešit, když to neumím a nechápu vaší odpověd že to neuděláte. Nikdo vás nenutil odpovídat na tuto pomoc. Když mi nehodláte pomoc nevím proč tu odpovídáte. Viděla jste že chci, aby mi někdo pomohl napsat ten kod v html když nevím.

iz*

25.10.17 23:14

Opravdu nechápete? Chtěla jsem Vás přimět k zamyšlení a alespoň k pokusu o řešení (k tomu, co jste napsala o trochu níže).

[přidat komentář]

still10k*

25.10.17 20:34

A s čím konkrétně chcete pomoct? Máte nějaké těžkosti s tak základním kódem pro dva TAGy? Nebo Vám není jasné jak definovat onu třídu CSS? Nebo čekáte, že někdo tady za vás udělá domácí úkol? Jestli jste se zasekla v nějaké fázi a nevíte jak dál, tak se ptejte, rád pomohu. Ukažte, kam až jste se dostala, určitě se tu najde halda lidí, co vás popostrčí dál. Doufám, že nejste zatím pouze u přečtení zadání?

andrea97

25.10.17 20:48

Tak zatím mám tohleto:ŠACHOVNICE.white { background-color:white; width:100px; height:100px; float:left;}.div { background-color:black; width:100px; height:100px; float:left;}ale nevím co dál, a taky jestli je to zatím dobře.

iz*

25.10.17 23:34

Nepoužívala bych třídu div (prvkům i třídám je lepší dávat název podle role, kterou mají plnit) → nastylovala bych přímo buňky (TD) tabulky.

Viz obrázek

[přidat komentář]

clayman®

25.10.17 20:47

Tabulku 8x8 asi zvládnete. CSS třídu asi máte použít přímo na tabulku. Dva tagy vidím na TD a TH. Jeden bude bílý, druhý černý.
Sice se TH používá jinak, ale jiné řešení mě nenapadá.
doplněno 25.10.17 21:00: Nerad bych vás pletl, tak to berte s rezervou. Ale zadání říká: Vytvořte pouze pomocí tabulky a CSS šachovnici. Stačí vám na to jediná CSS třída a dva nastylované tagy.
Tabulka TABLE, jedna CSS třída pro ni, dva nastylovane tagy TH, TD. Takže vlastně budou 3 styly.
1) nastavím rozměry tabulky a kolizi rámečků
2+3) rozměry jednotlivých polí a dvě barvy.
Mě to smysl dává a zadání jsem dodržel. Jen teď nemůžu prakticky vyzkoušet, zda lze střídavě používat TH a TD, protože TH je pro záhlaví, ale teoreticky by to asi šlo.

andrea97

25.10.17 20:54

ale to už jsou 3 tagy protože budu používat i tag table, takže takhle to asi nejde.

clayman®

25.10.17 21:05

A TR bude další, ale píše se o dvou nastylovanych o ostatních se nemluví.
doplněno 25.10.17 21:10:

ok, jdu to prubnout.

andrea97

25.10.17 21:07

ted jsem se do toho uplně zamotala

clayman®

25.10.17 21:16

Tak jo funguje to. Ostatní snad prominou, ale snažila jste se.

Ovšem jestli je to kýžené provedení opravdu netuším. Zbytek už dáte a barvy si vyjádřete, jak se učíte.

andrea97

25.10.17 21:26

děkuju už vím proč mi to nefungovalo neměla jsem uzavřený jeden tag a proto mi to nešlo děkuju ještě jednou

andrea97

25.10.17 21:43

a můžu ještě malou věc jak k tomu doplním aby tam byly číslice a písmena prosím dole pod tím a na levém kraji

clayman®

25.10.17 21:59

Musela byste udělat šachovnici 9x9 a ty kraje nastylovat jinak pomocí CSS tříd a vepsat čísla a písmena. Ale to v zadání už nebylo a už by ho nebylo možné dodržet.
Podle mě se tohle po vás už nechce. Navíc to udělat můžete, ale raději jako druhou verzi, aby bylo vidět, že v první verzi je zadání dodrženo.

andrea97

25.10.17 22:08

my tam právě u toho máme takový onrázek tak nevím jestli ho máme mít stejný, alew děkuju moc za pomoc (10 slaid) tvorba-is.wz.cz/...

iz*

25.10.17 23:21

Já bych vynechala TH.

[přidat komentář]

andrea97

26.10.17 11:26

Děkuju moc všem za pomoc už to mám i s písmeny a číslicemi

Skočit na otázku
Vložit novou otázku

[přidat komentář]

Přidat svou odpověď

Přihlásit se k odběru odpovědí z této otázky:

Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz.

Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.