Autor | Zpráva | ||
---|---|---|---|
Kubo2 Profil |
#1 · Zasláno: 21. 12. 2013, 17:23:11
návštěvník:
Vďaka. |
||
Trejpa Profil |
#2 · Zasláno: 21. 12. 2013, 17:32:20
návštěvník:
Na to, abys nastavil každému druhému řádku tabulky jednu třídu, jQuery opravdu nepotřebuješ. Starší, ale stále funkční: Pruhované tabulky. |
||
Časová prodleva: 17 dní
|
|||
návštěvník Profil * |
#3 · Zasláno: 7. 1. 2014, 15:44:45
Trejpa:
Až teď jsem zjistil, že tu přibyla nová stránka. Díky za odkaz, toto je opravdu velice jednoduché řešení. Takže díky! |
||
návštěvník Profil * |
#4 · Zasláno: 8. 1. 2014, 20:20:39 · Upravil/a: návštěvník
Můžete poradit s tímto css? Na tom posledním řádku kde je tr.x chci vycentrovat buňky a taky hned za ním, ale přebíjí mi to table.matchmaker tr + tr td takže to mám stále zarovnané doprava.
table.m { border:0; } table.m tr:first-child {text-align:center;} table.m tr+tr td {text-align:right;} table.m tr+tr td+td {text-align:left;} table.m tr:first-child+td { text-align:center; background-color:#E5E5E5; } tr.x tr>td {text-align:center; table.m tr + tr td mi to přebíjí |
||
margin Profil * |
#5 · Zasláno: 8. 1. 2014, 20:34:25
Pokud dobře počítám a nic jsem neopomenul, tak řádek 11 třebas takto:
table tr.x tr>td {text-align:center;} Anebo třebas takto: .m { border:0; } .m tr:first-child {text-align:center;} .m tr+tr td {text-align:right;} .m tr+tr td+td {text-align:left;} .m tr:first-child+td { text-align:center; background-color:#E5E5E5; } tr.x tr>td {text-align:center;} Pokud to nepomůže, tak buď poradí někdo jiný, ale mi by pomohla živá ukázka. |
||
návštěvník Profil * |
#6 · Zasláno: 8. 1. 2014, 21:18:13 · Upravil/a: návštěvník
margin:
Díky moc. Takže jestli jsem to pochopil správně, je důležité tam uvést ten rodičovský element. To jsem nevěděl. Na řádek tr.x to zabralo. Teď ještě musím přijít na to jak ovlivnit ten následující řádek (je v něm tlačítko). Mám toto: table tr.x td {text-align:center; /* funguje na řádek tr.x */ table tr.x+tr td {text-align:center; /* nefunguje na řádek následující za tr.x */ Teď nevím, nějak něco jsem udělal špatně takže mi to zmizelo a píšu to v notepadu tak to nejde vrátit zpět. Asi jsem sem vložil špatný kód. table tr.x td {text-align:center; } /* nefunguje na tr.x */ table tr.x+tr td {text-align:center; } /* funguje na následující tr.x */ To bylo asi tím že jsem tam prvně dal název třídy a pak to odstranil. Teď to konečně funguje: table.matchmaker tr.x td {text-align:center; } table tr.x+tr td {text-align:center; } Ale překvapuje mě to, že tam ten název třídy musí být. Asi je to dáno tím, že jeden z těch řádků co to přebíjel měl taky definovánu tabulku (typový selektor) a třídu (třídový selektor). |
||
margin Profil * |
#7 · Zasláno: 8. 1. 2014, 22:25:39
návštěvník:
„Takže jestli jsem to pochopil správně, je důležité tam uvést ten rodičovský element.“ Je to jinak, přebíjí podrobnější selektor Kaskádování Pokud jsou oba selektory stejně podrobné (konkrétní, specifické), tak vyhrává ten pozdější. spočítat specifičnost selektoru je možné ručně nebo je možné použít nějaký online kalkulátor. V praxi se počítá specifičnost selektoru zřídka, většinou se vystačí s metodou "kouknu a vidím". |
||
návštěvník Profil * |
#8 · Zasláno: 9. 1. 2014, 15:37:22
OK, dík za info. Mohl by si poradit s tímto?
http://oi41.tinypic.com/mv5fuv.jpg Mezi buňkami se mi vytvořily mezery asi 1px (padding a margin to není, zkoušel jsem 0 a tím to není). Mělo by to být jako jeden řádek v jedné barvě, nepřerušovaný těmi modrými vertikálními mezerami. |
||
margin Profil * |
#9 · Zasláno: 9. 1. 2014, 15:47:57
|
||
návštěvník Profil * |
#10 · Zasláno: 9. 1. 2014, 15:48:59 · Upravil/a: návštěvník
Chtěl jsem ještě vložit kód
table.view {border:0; width:100%; background-color:#E5E5E5 } table.view+tr {background-color:#DBDBDB;} table.view:first-child { background-color:#73ACD4; } table.view td { width:auto;} /* CELLSPACING="1" CELLPADDING="3" */ Tady je ukázka http://jsfiddle.net/6xt44/ |
||
Trejpa Profil |
#11 · Zasláno: 9. 1. 2014, 16:28:28
návštěvník:
Asi hledáš Border-collapse, které cellspacing zruší. Nové prohlížeče ho umí zrušit přímo pomocí Border-spacing. |
||
návštěvník Profil * |
#12 · Zasláno: 9. 1. 2014, 17:11:57
Trejpa:
jj, to pomohlo |
||
Časová prodleva: 3 dny
|
|||
návštěvník Profil * |
#13 · Zasláno: 12. 1. 2014, 14:43:35
Opět dotaz, zase mám problém s tím "přebíjením". Chci první řádek buněk zarovnávat doprava, ty další řádky buněk zarovnávat doleva:
table#content_intro_page td { margin:0; padding:3px; text-align:left; } table#content_intro_page tr:first-child td { margin:0; padding:3px; text-align:right; vertical-align:middle; } asi mám problém to stále chápat jak se to dělá :( |
||
pcmanik Profil |
#14 · Zasláno: 12. 1. 2014, 15:25:17
návštěvník:
Použi na to tag th - chová sa presne ako td. A nemusíš tu vymýšlať pre teba zložité css selektory. |
||
návštěvník Profil * |
#15 · Zasláno: 12. 1. 2014, 17:06:55
pcmanik:
Hmm. Nápad zní docela dobře, ale má to háček. Tahle tabulka slouží pro zabalení obsahu a na druhém řádku je další tabulka. TH {text-align>right} sice odstaví první řádek rodičovské tabulky doprava, ale ve vnořené tabulce, když přejmenuju první TD na TH, tak budou všechny nadpisy zarovnané doprava, místo doleva. Stčit tam TR:first-child taky ničemu nepomůže, protože první hlavička vnořené tabulky bude stále zarovnaná doprava. Takže stále potřebuju nějakou fintu jak odlišit TH rodičovské tabulky od TH tabulky která je potomkem. Mám toto: table#content_intro_page tr:first-child th { margin:0; padding:3px; text-align:right; vertical-align:middle; } Přímý potomek to pravidlo ruší úplně table#content_intro_page>tr:first-child th |
||
Trejpa Profil |
#16 · Zasláno: 12. 1. 2014, 17:16:18
návštěvník:
„Tahle tabulka slouží pro zabalení obsahu a na druhém řádku je další tabulka.“ A jaký je problém nastavit vnořené tabulce něco jiného? table#content_intro_page table th { /* cokoliv jiného */ } |
||
návštěvník Profil * |
#17 · Zasláno: 12. 1. 2014, 18:33:20 · Upravil/a: návštěvník
Trejpa:
Myslíte takto? table#content_intro_page tr:first-child th { margin:0; padding:3px; text-align:right; vertical-align:middle; } /* tohle přebíjí */ table#content_intro_page table th { margin:0; padding:3px; text-align:left; vertical-align:middle; } /* tohle */ Nefunguje. Dal jsem pryč to :first-child a teď to jede. Asi tu platí pravidlo podrobnějšího selektoru (více bodů za selektor s :first-child než bez? |
||
Trejpa Profil |
#18 · Zasláno: 12. 1. 2014, 19:43:42
návštěvník:
Pořád nechápu, proč se nevykašleš na opičárny s :first-child a nepoužiješ na hlavičku tabulky… hlavičku tabulky? |
||
návštěvník Profil * |
#19 · Zasláno: 12. 1. 2014, 20:01:50
Trejpa:
toho tagu jsem si nikdy nevšiml :-/ |
||
Časová prodleva: 21 dní
|
|||
honky tonk Profil * |
#20 · Zasláno: 2. 2. 2014, 21:34:01
Nevíte proč je ta druhá tabulka zarovnaná doleva místo na střed?? Obě jsou ve stejném rodiči. Mají stejnou šířku, rodič má centrování na střed a margin rodiče je auto.
|
||
Bubák Profil |
#21 · Zasláno: 2. 2. 2014, 21:41:42
Nevíme..
|
||
Trejpa Profil |
#22 · Zasláno: 2. 2. 2014, 22:32:06
honky tonk:
Dodej živou ukázku a poznáme to. „Mají stejnou šířku, rodič má centrování na střed a margin rodiče je auto.“ Stejná šířka, centrování textu v rodiči ani jeho margin tabulku na střed nezarovná. Tabulku můžeš vodorovně vystředit takto: <table style=margin:auto> nebo <table align=center>
|
||
honky tonk Profil * |
#23 · Zasláno: 4. 2. 2014, 19:48:21
Předchozí problém jsem vyřešil, ale zase mi nejde rozšířit 3. sloupec v tabulce. První sloupec jsem úspěšně rozšířil
div#messages_view_main table {width:720px;} div#messages_view_main table th:first-child { width:128px; } div#messages_view_main table th:first-child+td+td { width:256px; } co dělám špatně? Zdá se že v tabulce je dost místa na roztažení, ale nejde.. |
||
Časová prodleva: 10 let
|
0