Autor Zpráva
jefitto44
Profil
Potreboval by som dosiahnuť takýto border

pol1 | pol2 | pol3 | pol4
------|-------|------|------
pol5 | pol6 | pol7 | pol8

Vie mi niekto poradiť ako na to? Alebo sa musím trápiť s nth-child?
Ak by sa nth-child dalo urobiť tak, že povedzme by to bralo prvé 4 .pol a dalo by im border-bottom a iným nie, tak to by bola paráda
mimochodec
Profil
Prvnímu <tr> přidej border-bottom, dalším už ne. Kde je problém?
Kcko
Profil
tr:nth-child(1n) td {}

edit: first-child bude lepší a podporovanější
jefitto44
Profil
Nie je to tabuľke, ale divka floatovane vedľa seba


8 diviek so šírkou 25%, floatovane left, čiže sa to zarovná tak ako som načrtol
Kcko
Profil
Vytvoř živou ukázku nebo z toho bude zas kilometrový topic o ničem.
Keeehi
Profil
jefitto44:
Obal ty políčka 1-4 divem a tomu nastav border-bottom.

nth-child není podporován v IE7 a pravděpodobně i v IE8. Na CanIUse jsem našel odkaz na polyfill selectivizr.com

A nebylo by to lepší vytvořit tabulkou, když už stejně tabulku tvoříš?
lionel messi
Profil
Keeehi:
pravděpodobně i v IE8.
Určite nefunguje.

jefitto44
Išiel by som na to rozhodne cestou tabuľky.
Kcko
Profil
Keeehi:
Dá se to snadnou dopíchnout polyfilem
jefitto44
Profil
Ie ma nezaujíma ako už asi viete... a sedmička už vôbec nie, čiže toto by som neriešil...

Tabuľku som nezvolil preto, lebo zo semantickeho hľadiska, v tabuľke majú byť dátové údaje, nie ikony a odstavce.

Tu je niečo ako screenshoot... Zdvojovanie borderov si už hádam dajako zvládnem vyriešiť. Naschvál som nechal nedogumované okraje, aby ste vedeli, kde sú teraz bordere a kde ich len chcem mať

http://i59.tinypic.com/34h8d1g.png
anynomníí
Profil *
jefitto44:
Sice řešíš tabulku netabulkovými tagy, ale to je tvoje věc.

K nastavení horního borderu položkám ve druhém řádku (tedy položkám 5-8), můžeš s ohledem na podporu napříč prohlížeči použít
.trida:first-child + div + div + div ~ div {border-top: 1px solid red;}

Když už hovoříš o sémantice, tabulka by byla určitě lepší než sada divů. Když ne tabulka, tak spíše nějaký seznam. Divy ani omylem.
jefitto44
Profil
No dobre, seznam by mi aj tak nič nepomohol...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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