Autor Zpráva
quatzael
Profil
Lze nějak nastavit border-spacing samostatně pro jeden řádek?

Normálně se to nastavuje pro celou tabulku takhle:
table
{
border-collapse: separate;
border-spacing: 10px 10px;
 } 

Jenže já bych potřeboval, abych mohl nastavit pod nějakým jedním řádkem větší mezeru než je u ostatních řádků.
martinK
Profil
dej tu vlastnost v css jen jednomu konrétnímu řádku, ne celé tabulce.
quatzael
Profil
martinK:
jenže to nic nedělá..
Tomáš123
Profil
quatzael:
Lze nějak nastavit border-spacing samostatně pro jeden řádek?
A čo tak priradiť riadku triedu a s tou pokračovať v CSS?
Str4wberry
Profil
Vlastnosti, co se nastavují přímo pro tabulku, není možné měnit pro jednotlivé části.

Řešení je použít víc tabulek nebo to udělat nějak jinak. Asi nejjednodušší je mezery vyrobit prázdnými buňkami.

Dejte sem obrázek toho, jak to má vypadat.
quatzael
Profil
Tomáš123:
Vzdyť to jsem udělal, tak právě píšu, že to prostě nefunguje.


Str4wberry:
Teď jsem na mobilu, takže obrázek jedině vecer.. Ale v zásadě to bude stačit vyřešit tím prázdným řádkem.
Bubák
Profil
Nejde to, CSS vlastnost border-spacing se aplikuje jen na tabulky. (Koukám, že už to sem napsal Str4wberry)

tak právě píšu, že to prostě nefunguje
Nyní výjimečně nechceme živou ukázku, ale obrázek (ideálně PNG) toho, čeho chceš docílit.

Teď jsem na mobilu, takže obrázek jedině vecer.
Jasně, chápu.
Tomáš123
Profil
quatzael:
Ale v zásadě to bude stačit vyřešit tím prázdným řádkem.
Pre dosiahnutie požadovaného vzhľadu môžeš aj spojiť dve bunky pod sebou a text vo vnútri zarovnať nahor.
Str4wberry
Profil
Tady jsou kdyžtak nějaké ukázky (možná) podobného problému:

Živá ukázka
Živá ukázka
kolemjdoucí
Profil *
A nebude to náhodou tou aplikací paddingu na řádek (tr) místo na buňku (td) ? Mám za to, že tohle na řádek nefunguje.
kolemjdoucí
Profil *
[#10] kolemjdoucí

Už jsem asi pochopil, co chceš.

Asi to budeš muset vyřešit prázdným řádkem, kterému odebereš border a nastavíš výšku dle potřeby. Buď přímo nebo pomocí třídy a CSS, pak to jednoduše můžeš opakovat v celé tabulce podle potřeby.
quatzael
Profil
Str4wberry, kolemjdoucí, Bubák:
Já nevím jestli jsem to napsal opravdu tak nejednoznačně. Radši teda přidávám obrázek:


Prostě opravdu nejde o nic jinýho než o mezeru mezi řádkama. Takže to asi nejelegantněji vyřeším prázdným řádkem.
rafej
Profil
Místo nastavování border-spacing pro table, přidej jednoduše margin na tr, který potřebuješ vyšší.
quatzael
Profil
rafej:
přidej jednoduše margin na tr, který potřebuješ vyšší.
To nefunguje..
rafej
Profil
quatzael
Sakra, máš pravdu. Radši spíš takhle:

tr.sirsi td {
  padding-bottom: 1em;
}
nebo padding-top podle toho, který to bude řádek
Bubák
Profil
http://kod.djpw.cz/qceb
http://kod.djpw.cz/qceb-
kolemjdoucí
Profil *
Margin a padding na tr nebere.

Buď 2 tabulky nebo jen <tr style="height:10px;"> <td></td> </tr> Jestli-že to má být jen takové, jako ukazuješ. (výška jen orientační a v px, dej si ji jak potřebuješ)


Blbostm ten styl patří k <td>, sorry, přepsal jsem se, čučím na TV.
quatzael
Profil
Bubák:
No to řešení s tím prázdným řádkem mi nějak funguje víc. Takhle mi tam ten padding dělá trochu bordel..


kolemjdoucí:
já jsem tu výšku nastavil na <tr> a funguje mi to.
kolemjdoucí
Profil *
quatzael:
Jo, u řádku jde nastavit výška.

Řešení s řádkem má výhodu, pokud bys použil viditelný border, že tam ho odstraníš a je místo řádku "čistá" mezera. Rovněž tak s podbarvením buněk atp.
rafej
Profil
Nastavení height u tr jsem ti chtěla taky nabídnout, ale má to jednu vadu - svislé zarovnání jen na střed buňky. Jinak vždycky záleží na okolnostech, co je lepší.
Bubák
Profil
rafej:
ale má to jednu vadu - svislé zarovnání jen na střed buňky
To se už v HTML pravěku dalo přenastavit atributem valign, v CSS je na to vertical-align.
rafej
Profil
Bubák
O tom vím. Včera mi to nefungovalo, asi už únava.

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: