menu ul
4 příspěvky
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
ahojte...potreboval by som poradit s horným menu. vždy som to robil cez div no teraz som sa dal do prace cez ul a li (http://shanoy.warez-forum.sk/penzion/)- takto to asi vyzera...no aj ked mam zadane v css presne hodnoty li a ul aku maju mat dlzku a tak no stale sa to zobrazuje upplne blbo.. css: /* MENU HORIZONTAL*/ #menu_hor { width: 750px; margin: auto; text-align: center; background: #5E79BC; border-top: 3px solid #ffffff; } #menu_hor ul { width: 750px; list-style: none; background-color: #5E79BC; font-weight: bold; display: inline; margin: 0px; padding: 0px; border-right: 3px solid #fff; } #menu_hor li { width: 150px; list-style: none; background-color: #5E79BC; font-weight: bold; display: inline; margin: 0px; padding: 0px; border-right: 3px solid #fff; } #menu_hor li:hover { width: 150px; list-style: none; background-color: #fff; font-weight: bold; display: inline; margin: 0px; padding: 0px; border-right: 3px solid #fff; color: #000; } a html: <!-- MENU --> <div class="menu_hor"> <ul id="menu_hor"> <li id="menu_hor">HOME</li> <li id="menu_hor">O NÁS</li> <li id="menu_hor">CENNÍK</li> <li id="menu_hor">KONTAKT</li> <li id="menu_hor">FOTO</li> </ul> </div> <!-- KONEC MENU --> neviete poradit?
-
a co dat "li" padding a ty ostatni paddingy vyhodit? li { padding: 2%; } #menu_hor { width: 750px; margin: auto; text-align: center; background: #5E79BC; border-top: 3px solid #ffffff; } #menu_hor ul { width: 750px; list-style: none; background-color: #5E79BC; font-weight: bold; display: inline; margin: 0px; border-right: 3px solid #fff; } #menu_hor li { width: 150px; list-style: none; background-color: #5E79BC; font-weight: bold; display: inline; margin: 0px; border-right: 3px solid #fff; } #menu_hor li:hover { width: 150px; list-style: none; background-color: #fff; font-weight: bold; display: inline; margin: 0px; border-right: 3px solid #fff; color: #000; }
-
Jeste oprava: To "li" udelej tak: li { padding: 0% 2% 0% 2%; }
-
diki..