« 1 2
Autor Zpráva
Kubo2
Profil
návštěvník:
Vďaka.
Trejpa
Profil
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.
návštěvník
Profil *
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 *
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 *
Pokud dobře počítám a nic jsem neopomenul, tak řádek 11 třebas takto:
table tr.x tr>td {text-align:center;}
Jen pro jistotu, máš v ostrém kódu na konci uzavírací závorku?

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 *
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 *
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 *
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 *
Povídání o živých ukázkách » Co živá ukázka není?
návštěvník
Profil *
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
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 *
Trejpa:
jj, to pomohlo
návštěvník
Profil *
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
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 *
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
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 *
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
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 *
Trejpa:
toho tagu jsem si nikdy nevšiml :-/
honky tonk
Profil *
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
Nevíme..
Trejpa
Profil
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 *
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..
« 1 2

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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