Autor | Zpráva | ||
---|---|---|---|
jefitto44 Profil |
#1 · Zasláno: 19. 3. 2015, 19:06:09
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 |
#2 · Zasláno: 19. 3. 2015, 19:10:01
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 |
#4 · Zasláno: 19. 3. 2015, 19:12:48 · Upravil/a: jefitto44
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 |
#5 · Zasláno: 19. 3. 2015, 19:13:53
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 |
#9 · Zasláno: 19. 3. 2015, 19:55:12
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 * |
#10 · Zasláno: 19. 3. 2015, 20:02:24
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 |
#11 · Zasláno: 19. 3. 2015, 20:07:04
No dobre, seznam by mi aj tak nič nepomohol...
|
||
Časová prodleva: 9 let
|
0