Autor Zpráva
jhruskovic
Profil
Ahoj mám udělané menu přes generátor (zde je menu: http://jhruskovic.8u.cz/menu.html ) a nevím jak to udělat aby nebylo zarovnání vlevo, ale uprostřed nahoře a aby bylo fixované (tzn.: při posunování dolů a nahorů pořád zůstalo viditelné). Poradíte mi prosím, já v CSS neumím :/.
Díky moc
JaySee
Profil
jhruskovic:
Udělej si na to menu container, třeba <div id="menu_container">, tomu nastav text-align: center; ponech mu plnou šířku a nastav mu position: absolute; a vysoký z-index: 500;

No a tomu samotnému obalu menu přiřaď margin: 0 auto;. To ho vycentruje díky text-align: center; v předchozím menu_container.
Takže to bude vypadat:
<div id="menu_container"> 
 <div id="menu"> odkazy v menu .... </div>
 </div>

A CSS:

#menu_container {height: 30px; text-align: center ; position: absolute; top: 0px; z-index:500;}
#menu {margin: 0 auto;}
jhruskovic
Profil
http://www.jhruskovic.8u.cz/menu.html no dobrý, ale ještě jak to dát doprostřed a jak udělat pár pixelů od zhora? BTW: Dík moc
JaySee
Profil
jhruskovic:
Super, zapomněl jsem na to, že je třeba tomu #cssmenu nastavit šířku. Takhle se pořád chová jako 100% široký blokový prvek a tudíž není vycentrovaný. Stačí mu tedy nastavit width: 900px; a bude uprostřed.

Tímto způsobem se dá nacentrovat vpodstatě cokoliv.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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