+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [html] menu w ul (/thread-html-menu-w-ul)
[html] menu w ul - sjs - 29-10-2011
Witam, mam problem z menu w ul
chciałabym aby moje menu 700px bylo 100% szerokosci strony było wycentrowane ale niestety mam z nim problem nie jest:/
moj kod
css
Kod:
.menu{
font-family:tahoma;
font-size:8px;
margin: 0px auto;
font-weight:bold;
color:8e8e8e;
position: absolute;
top: 97px;
background:url(images/menu.jpg);
}
.menu ul{margin: 0px auto;padding: 0px;height:44px;}
.menu li{ display: inline-block;
list-style-image: none;list-style-position: outside;list-style-type: none;}
.menu li a{
color:#f1f1f1;
display:block;
font-weight:bold;
line-height:44px;
text-decoration:none;
}
.menu li a:hover{
color:#3c3c3c;
text-decoration:none;
background:url(images/xxx.jpg);
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
margin-top: 6px;
height: 37px;
}
.menu li ul{
background:#e0e0e0;
}
.menu li ul a{
margin: 0px auto;padding: 0px;
font-size:13px;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
}
.menu #current{
background:url(images/xxx.jpg);
color:#3c3c3c;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
margin-top: 6px;
height: 37px;
}html5
Kod:
<nav class="menu">
<ul>
<li><a id="current" href="das" >cs</a></li>
<li><a href="das">OsdsA</a></li>
<li><a href="">Jfsdf</a></li>
<li><a href="">dsdsd</a></li>
<li><a href="">dsCJE</a></li>
<li><a href="">SdsŻ</a></li>
<li><a href="">sdsd</a></li>
<li><a href="">sdsdsd</a></li>
<li><a href="">KOdsdKT</a></li>
</ul>
</nav>RE: [html] menu w ul - Kartofelek - 29-10-2011
Pomieszane te style jak zupa pieczarkowa.
Kod:
.menu li{ display: inline-block;
list-style-image: none;list-style-position: outside;list-style-type: none;}Poza tym dla menu nadajesz taki styl:
Kod:
margin: 0px auto;
font-weight:bold;
color:8e8e8e;
position: absolute;
top: 97px;Co jest też bez sensu. Position absolute nie współgra z marginesem. Pisz uważniej swój kod, a jak wrzucasz go na forum, to sprawdź go 2 razy, bo inaczej strzelasz sobie babole w kolano.
RE: [html] menu w ul - sjs - 29-10-2011
Dzięki za uwagi, position: absolute; dałem ponieważ ma gorze miałem przezroczysty gif. i tlo pokzywało z menu jak usunelem.
Nadal mam problem z tym menu ? nie moge wysrodkowac je :/ Co by mozna bylo zmienić w kodzie zeby sie wycentrowalo :/
RE: [html] menu w ul - sjs - 29-10-2011
problem rozwiazany
RE: [html] menu w ul - Kartofelek - 29-10-2011
to ci mowie
dajesz widtha, dajesz margin:0 auto i usuwasz position absolute. Od przesowania w gore to masz ujemny margines (margin:-20px auto)