Autor | Zpráva | ||
---|---|---|---|
Timy Profil |
#1 · Zasláno: 6. 7. 2011, 12:11:08
Potřeboval bych poradit s následujícím problémem — chci nalevo a napravo od nadpisu zobrazovat čáru tak, aby to správně fungovalo i při nadpisu o více řádcích. Mám řešení, které funguje bez problému pro jednořádkové nadpisy, ale s víceřádkovými si už neumím poradit. Napsal jsem jednoduchou ukázku: http://bordel.havrlant.net/cara/ Zeleně zvýrazněné nadpisy ukazují, jak bych to chtěl, červeně zvýrazněné ukazují, jak bych to nechtěl. U prvních dvou červených nadpisů je problém ta velké mezera mezi nadpisem a čárou, u posledního červeného je v každém prohlížeči špatně něco jiného. Nicméně Opera mi ten úplně poslední nadpis zobrazuje tak, jak bych si představoval. Ostatní prohlížeče ten poslední nadpis zobrazují jinak.
Umíte mi prosím někdo poradit? |
||
panther Profil |
#2 · Zasláno: 6. 7. 2011, 16:21:23 · Upravil/a: panther
Timy:
h1 span {display: inline-block; max-width: 500px} |
||
Timy Profil |
#3 · Zasláno: 6. 7. 2011, 17:08:24
panther:
Není to 100%, ale lepší než co mám já, takže díky :-). |
||
panther Profil |
#4 · Zasláno: 6. 7. 2011, 17:09:42
Timy:
možná je tam ještě něco, čeho jsem si na ukázce nevšiml. Můžeš být konkrétnější? |
||
Timy Profil |
#5 · Zasláno: 6. 7. 2011, 17:14:06
|
||
panther Profil |
#6 · Zasláno: 6. 7. 2011, 17:31:12 · Upravil/a: panther
Timy:
už to vidím. Napadlo mě ještě něco, záleží ale na požadovaném chování, zejména u dlouhých nadpisů. Aby nadpisy držely nějakou formu, měla by být linka u každého nadpisu, alespoň nějaká. Pokud to tak chceš udělat, zkus to takto. h1 {padding: 0 30px} /* 30px je minimalni delka linky, kterou chci nechat po stranach */ h1 span {display: inline-block; ...} /* bez zadani min-width. Mozna bude zbytecny i ten display, pokud s nim nechces dale pracovat */ |
||
Timy Profil |
#7 · Zasláno: 6. 7. 2011, 18:53:28
panther:
Zdá se, že to funguje nejlépe, ještě jednou díky. |
||
Časová prodleva: 13 let
|
0