Diskuze: Machr na webdesign - CSS 3 tabulka

HTML a CSS HTML a CSS Machr na webdesign - CSS 3 tabulka American English version English version

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Ahoj, vítám vás u webovské minisoutěže na tento týden o placku "Machr na Webdesign" a samolepky. Téma soutěže je jednoduché, zkuste hezky nastylovat HTML tabulku, aby vypadala co nejlépe. Počítejte s hlavičkou a patičkou, můžete zakomponovat pruhy přes nth-child, stíny a osvícení, vybrat nějaký pěkný font, rámeček a tak :)

Deadline je 23.6. v 15:00.

Odpovědět 17.6.2013 11:14
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Michal Žůrek (misaz):

tak co, zeptá se někdo jaký element má stylovat :D

Nahoru Odpovědět  +4 17.6.2013 12:15
Nesnáším {}, proto se jim vyhýbám.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Vítek:

Přeci máš udělat z inputu tabulku :D

 
Nahoru Odpovědět 17.6.2013 16:39
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Čápka
Daniel Vítek:

Potřebuji trochu postrčit - Na jaký téma má být ta tabulka ? Má to být nějaký formální, nebo na nějakým osobním blogu ..?

 
Nahoru Odpovědět 17.6.2013 16:40
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Čápka:

Může to být prostě jakákoli tabulka :P Vymyslet tabulku by nemělo být těžké :)

Nahoru Odpovědět 17.6.2013 16:43
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
CutThroat
Člen
Avatar
Odpovídá na David Čápka
CutThroat:

Jen bych se rád zeptal, zda-li to může být i tabulka cen (tarifů třeba). Jednu tu totižto mám už témeř hotovou pro hostingové služby, tak bych jí jen trochu upravil, a poslal do PM.

 
Nahoru Odpovědět 17.6.2013 17:09
Avatar
niveses
Redaktor
Avatar
 
Nahoru Odpovědět 17.6.2013 19:18
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na CutThroat
Jiří Gracík:

Co ti není jasné na slovech "jakákoliv" a "tabulka"?

Nahoru Odpovědět  +4 17.6.2013 19:30
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na niveses
Michal Žůrek (misaz):

tý jo, myslel jsem že jsem jediný blázen co už to má dneska hotové :D

ta první je moc hezká a na té druhé už mi něco nesedí, jen nevím co, prostě na první pohled je první lepší :D

Dobrý je ten řádek sluha :D

Jinak můžu použít data (viz obr)?

Nahoru Odpovědět 17.6.2013 19:33
Nesnáším {}, proto se jim vyhýbám.
Avatar
CutThroat
Člen
Avatar
Odpovídá na Jiří Gracík
CutThroat:

Omluv mne, přístě se raději na nic nezeptám.

 
Nahoru Odpovědět 17.6.2013 19:35
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Co se vám stalo? Opravdu nerozumíte libovolná tabulka? Může tam být cenník panenek z Pompa, výpis uživatelů stránky, abecední seznam porna na exteráku, prostě cokoliv. Na co se ještě zeptáte ...

Nahoru Odpovědět  +5 17.6.2013 19:37
Creating websites is awesome till you see the result in another browser ...
Avatar
niveses
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
niveses:

Koukám kolem sebe a končím telefonem.. a co mi chybí? Sluha :D :D
Mám stejný názor, že je první lepší :D
Díky

A kde je tvoje?

Editováno 17.6.2013 19:39
 
Nahoru Odpovědět 17.6.2013 19:38
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na CutThroat
Jiří Gracík:

Já jsem neřek, ať se na nic neptáš, ale jenom naznačil, že je blbost se ptát na věci, které tu už byly řečeny ...

Nahoru Odpovědět 17.6.2013 19:39
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

já síš jestli to sdracovi nebo dotyčným nevadí. :)

Ještě dodělávám finální úpravy a asi to už dneska sem dám (obvykle vyčkávám do neděle).

Nahoru Odpovědět 17.6.2013 19:53
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jiří Gracík
Redaktor
Avatar
Nahoru Odpovědět 17.6.2013 19:55
Creating websites is awesome till you see the result in another browser ...
Avatar
niveses
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
niveses:

Koukáš jak to mají ostatní, aby jsi to měl nejlepší? :D

 
Nahoru Odpovědět 17.6.2013 19:58
Avatar
Odpovídá na niveses
Michal Žůrek (misaz):

to ne, spíš aby ostatní nekoukali na moje :D

Nahoru Odpovědět 17.6.2013 19:59
Nesnáším {}, proto se jim vyhýbám.
Avatar
CutThroat
Člen
Avatar
CutThroat:

Heh, kluci, tak už jsem se do soutěže připojil i já ! :P Ať vyhraje ten lepší :)

 
Nahoru Odpovědět 17.6.2013 20:12
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na CutThroat
Jiří Gracík:

Díky, ale zrovna nesoutěžím :D :D :D

// Dělám si srandu, pro ty co by to nepochopili :P

Nahoru Odpovědět  +2 17.6.2013 20:14
Creating websites is awesome till you see the result in another browser ...
Avatar
niveses
Redaktor
Avatar
 
Nahoru Odpovědět 17.6.2013 20:15
Avatar
niveses
Redaktor
Avatar
niveses:

Pokud je taková "rivalita" i v jiných kategoriích tak příště v 14:59 spadne server :D

 
Nahoru Odpovědět 17.6.2013 20:19
Avatar
Michal Žůrek (misaz):

Ahoj, tak zde i já přidávám svůj dvouhodinový výtvor (se vším všudy 2 hdiny).
http://uloz.to/…az-final-zip

Přiznám se že barvičky jsem nevymýšlel já, ale použil jsem ty co jsou v excelu, mě se líbí a podle mě lepší než nějaké kontrastní. Přidal jsem možnost zvýraznit první a poslední sloupec. Jednoduše přidejte tabulce attribut data-first-column a data-last-column na hodnotu true pro zvýraznění sloupců (můžete i různě kombinovat).

V stylu je 7 barevných verzí, výchozí je zelená a pro změnu jednoduše přidejte tabulce

class="anglicka_barva"

na výběr máte z následujících barev:

green (nic nepište, je výchozí)
blue
red
violet
turkuoise
black
orange

V zipu je celá ukázka.

Nahoru Odpovědět 17.6.2013 20:21
Nesnáším {}, proto se jim vyhýbám.
Avatar
niveses
Redaktor
Avatar
niveses:

Koukám, že si budu muset ještě pohrát :P

 
Nahoru Odpovědět 17.6.2013 20:23
Avatar
Odpovídá na niveses
Michal Žůrek (misaz):

Pokud to je reakce na můj výtvor tak budu citovat sám sebe:

to ne, spíš aby ostatní nekoukali na moje :D
:D

ale klidě si to předělej, mě to nevadí.

Nahoru Odpovědět 17.6.2013 20:25
Nesnáším {}, proto se jim vyhýbám.
Avatar
niveses
Redaktor
Avatar
niveses:

Si dělám srandu :)
Ta moje je stejně hezčí :P :D

 
Nahoru Odpovědět  +2 17.6.2013 20:33
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na CutThroat
Daniel Vítek:

Ještě menší úpravy :)

Editováno 17.6.2013 20:49
 
Nahoru Odpovědět 17.6.2013 20:46
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
Daniel Vítek:

btw. ta odpověď - překlep

 
Nahoru Odpovědět 17.6.2013 20:49
Avatar
hh
Člen
Avatar
hh:

http://uloz.to/…a-slozka-rar
První zapojení do soutěže. Není to nic moc, ale zúčastním se 8|

Editováno 17.6.2013 20:58
Nahoru Odpovědět 17.6.2013 20:58
Dostane se ti toho, čeho se zasloužíš...
Avatar
David Dostal
Redaktor
Avatar
David Dostal:

Ahoj, zde jsou ke stažení moje tabulky.

 
Nahoru Odpovědět  +3 21.6.2013 18:22
Avatar
CutThroat
Člen
Avatar
Odpovídá na David Dostal
CutThroat:

Wow, ta s čokoládou je boží ! Myslím, že tady máme jasného vítěze :)
//EDIT : Nic proti výtvorům ostatních, ale Salátík to prostě "zabil".

Editováno 21.6.2013 18:30
 
Nahoru Odpovědět  +1 21.6.2013 18:30
Avatar
David Dostal
Redaktor
Avatar
David Dostal:

Díky :).

Editováno 21.6.2013 18:44
 
Nahoru Odpovědět 21.6.2013 18:42
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Dostal
Honza Bittner:

čokoládová je dobrá, avšak podle mě má moc vysoké ty dílky ... :)

Nahoru Odpovědět 21.6.2013 18:49
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Dostal
Redaktor
Avatar
Odpovídá na Honza Bittner
David Dostal:

Na radu zkušeného webmastera je zde verze s nižšími dílky. Je to tak lepší?

Editováno 21.6.2013 19:12
 
Nahoru Odpovědět  +2 21.6.2013 19:11
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Dostal
Honza Bittner:

Podle mě je to lepší, zkus se zeptat ostatních, jestli souhlasí :)

Nahoru Odpovědět  +1 21.6.2013 19:50
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
martinhesko8
Člen
Avatar
martinhesko8:

Aj keď nemám šancu,za pokus nič nedám :) <a>http://uloz­.to/xqetJcjS/des­ktop-rar

 
Nahoru Odpovědět 22.6.2013 12:02
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Nahoru Odpovědět 23.6.2013 8:37
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Zdeněk Pavlátka:

https://dl.dropboxusercontent.com/…ulky_css.zip
Tady je můj výtvor. :[ Tabulka byla dělaná pro moje stránky, tak jsem jí jenom upravil a změnil obsah.

PS: Zkontrolujte mi někdo, jestli ten odkaz funguje.

Nahoru Odpovědět 23.6.2013 8:47
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Benjibs
Člen
Avatar
Nahoru Odpovědět 23.6.2013 8:54
1 + 1 = 2
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

tak se dám taky svůj kód :)

http://davidhynek.cz/…_tabulka.php

Nahoru Odpovědět  +1 23.6.2013 9:59
Čím víc vím, tím víc věcí nevím.
Avatar
hanse
Člen
Avatar
hanse:

Přidávám na rychlo vytvořenou tabulku (styl vychází z webu, který vytvářim) a doufám, že to nebude taková pohroma :O

http://uloz.to/…/tabulka-zip

 
Nahoru Odpovědět 23.6.2013 14:20
Avatar
Honza Bittner
Redaktor
Avatar
Nahoru Odpovědět 23.6.2013 14:23
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

David Čápka, nezapomněl jsi na nás ? :D

 
Nahoru Odpovědět 23.6.2013 15:38
Avatar
Odpovídá na Daniel Vítek
Neaktivní uživatel:

GM je
Java je
HTML a CSS asi nezajima tolik :D
jinak podivej se dane do GM souteze :P

Nahoru Odpovědět 23.6.2013 15:39
Neaktivní uživatelský účet
Avatar
Зайчик
Člen
Avatar
Odpovídá na Neaktivní uživatel
Зайчик:

spíš tohle je jediná soutěž kde to někdo nevyhrál kontumačně tak se musejí porovnávat zdrojáčky a celkové vzhledy :)

Nahoru Odpovědět  +3 23.6.2013 15:41
Коммунизм для нашего будущего!
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Зайчик
Daniel Vítek:

heh, on si změnil i obrázek... tak teď tě nepoznám vůbec :D

 
Nahoru Odpovědět 23.6.2013 15:46
Avatar
Odpovídá na Зайчик
Neaktivní uživatel:

Зайчик ja to chapu ;)
netreba vysvetlovat :D

Editováno 23.6.2013 15:47
Nahoru Odpovědět 23.6.2013 15:46
Neaktivní uživatelský účet
Avatar
Odpovídá na Зайчик
Neaktivní uživatel:

ups double post :D

Editováno 23.6.2013 15:47
Nahoru Odpovědět 23.6.2013 15:46
Neaktivní uživatelský účet
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Takže s x jsme dospěli k tomuto pořadí:

  1. martinhesko8 (95 bodů)
  2. Salátík (95 bodů)
  3. DanVitek (85 bodů)
  4. David Hynek (85 bodů)
  5. Misaz (80 bodů)
  6. nuz15 (75 bodů)
  7. Bali (70 bodů)
  8. hanse (70 bodů)
  9. niveses (70 bodů)
  10. fuulll (65 bodů)

Placky poputují martinhesko8 a David Dostal. Gratuluji vítězům a u ostatních se těším zas příští týden :)

Nahoru Odpovědět  +1 23.6.2013 15:56
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Čápka
Daniel Vítek:

Mohl by jsi sem dát odkaz na martinhesko8 tabulku ? mě to na ulož.to nejede..

btw. Gratulace ;)

 
Nahoru Odpovědět 23.6.2013 16:03
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na David Čápka
David Hynek:

teď... teď jsem tam doplnil ještě hlavičku a patičku... :)

Nahoru Odpovědět 23.6.2013 16:04
Čím víc vím, tím víc věcí nevím.
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět 23.6.2013 16:13
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
martinhesko8
Člen
Avatar
martinhesko8:

Tak ešte raz,dúfam že to už pôjde: http://uloz.to/…/desktop-rar

Editováno 23.6.2013 16:23
 
Nahoru Odpovědět 23.6.2013 16:19
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na David Čápka
David Hynek:

proboha... a ta to vyhrála?? tak tomu konkurovat nedokážu...

Nahoru Odpovědět 23.6.2013 16:20
Čím víc vím, tím víc věcí nevím.
Avatar
Kit
Redaktor
Avatar
Odpovídá na martinhesko8
Kit:

Takové výsledky se mají někde vystavit jako stránka. Kdo se s tím má rozbalovat? Musel jsem si kvůli tomu instalovat unrar.

Když třeba nahraješ jednotlivé komponenty na http://uloziste.com a dáš sem link, tak se to normálně zobrazí v prohlížeči.

Editováno 23.6.2013 16:35
Nahoru Odpovědět  +2 23.6.2013 16:33
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
CutThroat
Člen
Avatar
CutThroat:

Moje se tam asi někde stratila, co ? :( :D

 
Nahoru Odpovědět 23.6.2013 16:40
Avatar
Kit
Redaktor
Avatar
Nahoru Odpovědět 23.6.2013 16:40
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

Za 2MB obrázky šumu na pozadí bych strhával body.

Naopak oceňuji inline vkládání drobných obrázků do CSS.

Nahoru Odpovědět  +1 23.6.2013 16:49
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na CutThroat
David Čápka:

Jaj, moc se omlouvám, jak jsi mi psal pak ještě další zprávu, tak jsem to v tom zapomněl :( Chtěl jsem ti to alespoň zhodnotit, ale už to nejde stáhnout. Můžeš to někam upnout znovu?

Nahoru Odpovědět 23.6.2013 20:09
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
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 60 zpráv z 60.