Autor | Zpráva | ||
---|---|---|---|
jhruskovic Profil |
#1 · Zasláno: 4. 8. 2012, 13:21:43
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 |
#2 · Zasláno: 4. 8. 2012, 14:54:37
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 |
#3 · Zasláno: 4. 8. 2012, 15:01:01
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 |
#4 · Zasláno: 4. 8. 2012, 16:32:41
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. |
||
Časová prodleva: 12 let
|
0