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
_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
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
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
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
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
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
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

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: