Autor | Zpráva | ||
---|---|---|---|
_Arnošt Profil |
Ahojte,
mohl by mě někdo pomoct a ukázat jak má správně vypadat tento zápis v css? Nějak mě to furt nefunguje. Dík table TabulkaInformaci :nth-child(1) { border: none; width: 45px; text-align: right; font-size: 15px; color: red; } |
||
lionel messi Profil |
#2 · Zasláno: 10. 4. 2016, 21:58:07
_Arnošt:
Selektor :nth-child(n) sa od nadradeného elementu neoddeľuje mezderou, správny zápis je: table TabulkaInformaci:nth-child(1) Avšak neviem, prečo namiesto selektoru :nth-child(1) nepoužiješ :first-child , ktorý na rozdiel od svojho kolegu funguje v IE 8 a navyše je o jeden znak kratší. :-)
|
||
Bubák Profil |
#3 · Zasláno: 10. 4. 2016, 22:05:10
TabulkaInformaci je co? Třída, nebo idéško? A jakého elementu?
Pseudotřída :nth-child(1) se týká jakého elementu? Ale můj tip je, že před ní nechceš mezeru.
Pokud se nepletu v tuhle pozdní hodinu, tak :first-child dělá to samé. Ale má lepší podporu.
|
||
_Arnošt Profil |
#4 · Zasláno: 10. 4. 2016, 22:12:32
lionel messi:
Takže bohužel nefunguje, raději posílám i druhou část <table id='TabulkaInformaci'> <tr><td>Místo:</td> <td >Horní dolní</td><td >Velitel soutěže:</td><td>Franta</td></tr> <tr><td>Datum:</td> <td >1.9.2015</td><td>Hlavní rozhodčí:</td><td>Pepa</td></tr> </table> table TabulkaInformaci:nth-child(1) { border: none; width: 45px; text-align: right; font-size: 15px; color: red; } |
||
Tomáš123 Profil |
_Arnošt:
Potrebuješ selektor table#TabulkaInformaci:first-child . Vyberie ti prvú tabuľku s identifikátorm TabulkaInformaci . Na stránke by sa mal správne jeden identifikátor vyskytovať iba raz, takže voliť prvý výskyt by nemalo byť potrebné. Identifikátor má v CSS najväčšiu prioritu a teda by teoreticky mohlo stačiť iba #TabulkaInformaci .
Na veľkosti písmen v názve tried a identifikátorov záleží. Názov vlákna nezodpovedá preberanej téme. Hovoríme o CSS selektoroch, nie dedičnosti v tabuľke. Skús zvoliť taký titulok, aby vystihoval podstatu otázky. Zaregistrovaný návštevník má na úpravu názvu témy tri hodiny... |
||
Bubák Profil |
table#TabulkaInformaci:first-child je selektor pro první tabulku s idéčkem TabulkaInformaci , to bych nevymyslel.
_Arnošt: Nevím, o co se pokoušíš, ale asi chceš selektor pro první řádek tabulky nebo pro první sloupec tabulky. table#TabulkaInformaci tr:first-child /* selektor pro první řádek tabulky */
Živá ukázka Odkaz table#TabulkaInformaci tr :first-child /* selektor pro první sloupec tabulky */
Živá ukázka Odkaz table#TabulkaInformaci td:first-child /* selektor pro první sloupec tabulky, běžnější zápis */
Živá ukázka Odkaz |
||
_Arnošt Profil |
#7 · Zasláno: 10. 4. 2016, 22:29:25
Chlapi dík za pomoc. Funguje. Ano bylo to pro první sloupec.
|
||
Chamurappi Profil |
Reaguji na _Arnošta:
„CSS selektoroch“ Co to je za divný název vlákna? Ty ještě neumíš skloňovat? Tomáš123 ti psal, že máš titulek zvolit tak, aby vystihoval podstatu dotazu. Podstatu, nikoliv obecnou kategorii, tak prosím zkus vymyslet něco výstižnějšího. Edit: Děkuji, mnohem lepší :-) Reaguji na Bubáka: „ table#TabulkaInformaci tr :first-child /* selektor pro první sloupec tabulky */“
+ pro první cokoliv uvnitř řádku. Pokud bude v buňce nějaký element, tento selektor ho zaměří také. |
||
Dusann Profil |
_Arnošt:
<table id='TabulkaInformaci'> <tr><td>Místo:</td> <td >Horní dolní</td><td >Velitel soutěže:</td><td>Franta</td></tr> <tr><td>Datum:</td> <td >1.9.2015</td><td>Hlavní rozhodčí:</td><td>Pepa</td></tr> </table> Podľa dát ktoré uvádzaš sa ale nejedná o tabuľký formát. Prečo to neurobíš cez <p> a <span> tagy ? |
||
Chamurappi Profil |
#10 · Zasláno: 11. 4. 2016, 12:45:11
Reaguji na Dusanna:
Proč <p> ? Tohle jsou podle tebe odstavce? Kdyby to mělo být sémanticky krásné, tak by to na to pasoval spíš definiční seznam.
Ale na _Arnoštově místě bych asi také použil tabulku. Sice dává na jeden řádek dvě navzájem nesouvisející dvojice dat, ale pravděpodobně nenajdeš reálné použití, kdy by to něčemu vadilo. |
||
Dusann Profil |
#11 · Zasláno: 11. 4. 2016, 14:04:17
Chamurappi:
„Proč <p> ? Tohle jsou podle tebe odstavce? Kdyby to mělo být sémanticky krásné, tak by to na to pasoval spíš definiční seznam.“
No pravda, definiční seznam ma tiež napadlo ako vhodnejšie riešenie. „Ale na _Arnoštově místě bych asi také použil tabulku. Sice dává na jeden řádek dvě navzájem nesouvisející dvojice dat, ale pravděpodobně nenajdeš reálné použití, kdy by to něčemu vadilo.“ A čo tak accessibility ? Napr. zrakovo znevýhodnení uživatelia pocítia celkom chaos, ak im screen reader prečíta podľa tagov že ide o tabuľku ale logika dát tomu nebude odpovedať ;-) |
||
Bubák Profil |
#12 · Zasláno: 11. 4. 2016, 14:40:53
Dusann:
„Napr. zrakovo znevýhodnení uživatelia pocítia celkom chaos“ Pokud to bude čtečka číst linearizovaně, tak zmíněný chaos bude malý. Místo: Horní dolní Velitel soutěže: Franta Datum: 1.9.2015 Hlavní rozhodčí: Pepa Vhodnější by to bylo takto: Živá ukázka, jsou tabulková data křížově vázána. Ale pokud má _Arnošt nějaký důvod ponechat tabulku tak, jak ji má ve své ukázce, mi osobně by to nevadilo. |
||
Dusann Profil |
No neviem. Mne príde najkorektnejšie riešenie:
<dl> <dt>Místo:<dt> <dd>Horní dolní</dd> <dt>Velitel soutěže:<dt> <dd>Franta</dd> </dl> <dl> <dt>Datum:<dt> <dd>1.9.2015</dd> <dt>Hlavní rozhodčí:<dt> <dd>Pepa</dd> </dl> dt,dd{ display:inline; } Alebo všetky <DL> dať do <DIV> a CSS potom nastaviť cez display ako tabuľku: Živá ukázka |
||
Časová prodleva: 9 let
|
0