Autor | Zpráva | ||
---|---|---|---|
MazeGen Profil |
#1 · Zasláno: 30. 10. 2007, 15:01:39 · Upravil/a: MazeGen
Celou dobu, co buduji svůj web, řeším problém, kdy se zalomený text v elementu H1 překrývá s textem na předchozím řádku. Je to zvláštní, protože H1 nijak dál nestyluji. Problém je ve všech prohlížečích. Pokoušel jsem se tady hledat, ale vypadá to, že to tady ještě (kupodivu) nikdo neřešil.
Tady je to pěkně vidět: http://x86asm.net/tests/1/ Při rozlišení obrazovky 1024x768 a maximalizovaném okně by se měl nadpis ve Firefox a Opeře zalomit na dva řádky. To překrytí už tam trochu vidět je. Vynikne, pokud se text označí, kdy vystoupí pozadí. Tohle by se ještě dalo celkem akceptovat. Ale v MSIE6 už je to nepoužitelné, tam dojde k zalomení na tři řádky a překrytí je snad ještě silnější. Pokoušel jsem se to začátečnicky řešit pomocí padding-bottom, ale vypadá to, že to nemá vliv na vzdálenost zalomených řádků, takže se nic nevyřešilo. Vedlejší věc je, jestli by měl nadpis vůbec být tak dlouhý/velký. Možná by neměl, ale to bych tady řešit nechtěl. Zalomení na dva řádky se stejně nedá vždy zabránit a už i to dělá problémy. |
||
Railbot Profil |
#2 · Zasláno: 30. 10. 2007, 15:03:41 · Upravil/a: Railbot
line-height?
řešit pomocí padding-bottom, ale vypadá to, že to nemá vliv na vzdálenost zalomených řádků To je odsazení od spodního vnitřního okraje prvku. Logicky to žádný vliv nemá, správně. |
||
habendorf Profil |
#3 · Zasláno: 30. 10. 2007, 15:03:59
line-height
|
||
habendorf Profil |
#4 · Zasláno: 30. 10. 2007, 15:04:20
too late :o)
|
||
Railbot Profil |
#5 · Zasláno: 30. 10. 2007, 15:05:46
too late :o)
Muhaha ;) |
||
MazeGen Profil |
#6 · Zasláno: 30. 10. 2007, 15:32:53
Díky kuci :)
Měl sem v CSS pro element body line-height 160%. Explicitně jsem pro H1 nastavil 100% a už je to ok. |
||
Časová prodleva: 16 let
|
0