| Autor | Zpráva | ||
|---|---|---|---|
| quatzael Profil |
#1 · Zasláno: 24. 6. 2014, 13:20:24
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 |
#2 · Zasláno: 24. 6. 2014, 14:53:59
dej tu vlastnost v css jen jednomu konrétnímu řádku, ne celé tabulce.
|
||
| quatzael Profil |
#3 · Zasláno: 24. 6. 2014, 15:20:59
martinK:
jenže to nic nedělá.. |
||
| Tomáš123 Profil |
#4 · Zasláno: 24. 6. 2014, 16:13:19
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 |
#6 · Zasláno: 24. 6. 2014, 16:27:01 · Upravil/a: quatzael
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 |
#9 · Zasláno: 24. 6. 2014, 16:45:13
|
||
| kolemjdoucí Profil * |
#10 · Zasláno: 24. 6. 2014, 19:00:57
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 * |
#11 · Zasláno: 24. 6. 2014, 20:06:20
[#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 |
#12 · Zasláno: 24. 6. 2014, 20:29:28
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 |
#14 · Zasláno: 24. 6. 2014, 20:52:01
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;
}padding-top podle toho, který to bude řádek
|
||
| Bubák Profil |
#16 · Zasláno: 24. 6. 2014, 21:21:07
|
||
| kolemjdoucí Profil * |
#17 · Zasláno: 24. 6. 2014, 21:30:47 · Upravil/a: kolemjdoucí
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 |
#18 · Zasláno: 24. 6. 2014, 21:35:33 · Upravil/a: quatzael
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 * |
#19 · Zasláno: 24. 6. 2014, 21:47:24
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 |
#21 · Zasláno: 24. 6. 2014, 22:41:09
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 |
#22 · Zasláno: 25. 6. 2014, 15:04:19
Bubák
O tom vím. Včera mi to nefungovalo, asi už únava. |
||
|
Časová prodleva: 10 let
|
|||
0