Autor Zpráva
Fuky
Profil
Zdravím, už pár dni riešim problém s nadpisom <h1>.

Mám vytvorené horizontálne menu na úplnom vrchu stránky. Keď doňho pridám nadpis tak sa tento DIV posunie do dola. Skúšal som aj nastaviť margin-top: 0px; no nepomohlo. Pričom keď to nastavím ako odkaz ( <A> ) tak sa nič takéto nespraví.

Keď pridám pred ten nadpis tag <BR> tak sa opäť DIV vráti na vrch stránky.
Bubák
Profil
Prosím o odkaz na živou ukázku.
janbarasek
Profil
Fuky:
Pokud znáš přesnou pozici, která se nemění, tak menu vycentruj absolutně.
Pokud si myslíš, že je problém v nadpisu, tak mu nastav své vlastnosti, které by měl mít.

Pokud například chceš, aby kolem sebe nevytvářel okraje, tak do CSS stylů napiš:
h1 { margin: 0px; }
jenikkozak
Profil
janbarasek:
Pokud znáš přesnou pozici, která se nemění, tak menu vycentruj absolutně.
Pokud to není nutné, je lepší absolutní pozicování nepoužívat. Pokud se menu nevejde do připraveného místa, místo toho, aby se obsah stránky posunul, ho menu zakryje.
janbarasek
Profil
jenikkozak:
Pokud to není nutné, je lepší absolutní pozicování nepoužívat.
Proto jsem psal: „Pokud znáš přesnou pozici“, většinou je menu na všech stránkách stejně velké a lze absolutně pozicovat.
jenikkozak
Profil
Je velmi pravděpodobné, že zná přesnou pozici, ale nezná předem jeho rozměr. Protože menu velmi často obsahuje text, jehož velikost je na zbytku designu nezávislá.
Nehledě na to, že pozicování jeho problém nevyřeší.
Fuky
Profil
Ukážka
jenikkozak
Profil
Nadpisu zruš horní vnější okraj, jak navrhl [#3] janbarasek.
Fuky
Profil
Funguje to, vďaka. Prečo sa to vlastne odsunulo?
janbarasek
Profil
Fuky:
Prečo sa to vlastne odsunulo?
Protože nadpis (a mnoho dalších elementů) vkládá automaticky odsazení, aby text opticky dobře vypadal v případě, že bys psal třeba článek ve smyslu:
<h1>Nadpis článku</h1>
<p>Nějaké další texty...</p>
Trejpa
Profil
Fuky:
Vnořený horní margin prvního potomka (spodní margin posledního potomka) se také předává vnějšímu bloku, větší z marginů se projeví.

Předávání marginů lze zrušit na vnějším bloku pomocí nenulového svislého paddingu, borderu nebo změnou overflow. Na vnitřním prvku třeba plaváním nebo pozicováním.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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