+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS-Problem z automatycznym wyśrodkowaniem menu (/thread-css-problem-z-automatycznym-wy%C5%9Brodkowaniem-menu)
CSS-Problem z automatycznym wyśrodkowaniem menu - andrzolide - 02-12-2012
Kod:
#menu{
height:35px;
}
#menu ul{
margin-top:30px;
list-style:none;
display:block;
width:auto;
}
#menu ul li{
float:left;
font-size:19px;
font-family:georgia;
font-variant:small-caps;
padding:0 30px 0 30px;
}
#menu ul li a{
text-decoration:none;
color:#dba963;
}
<div id="menu">
<ul>
<li><a href="index.html">Witamy</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="lokalizacja.html">Lokalizacja</a></li>
<li><a href="galeriaindex.html">Galeria</a></li>
</ul>
</div>Teraz moje pytanie brzmi: Jak wyśrodkować to menu? Mógłbym po prostu nadać width dla menu a potem wyśrodkować czy cos takiego, ale gdy w innym pliku html dodam jeszcze kilka "li" to co? Nie chce tworzyć kolejnych linijek styli dla każdego pliku html.
Może ktoś powie jak zrobić by szerokość diva dostosowywała się automatycznie do szerokości tego co jest w środku? Próbowałem width 100% ale nie działa...
RE: CSS-Problem z automatycznym wyśrodkowaniem menu - Kartofelek - 03-12-2012
display:inline-block; *display:inline (to drugie dla ie7)
RE: CSS-Problem z automatycznym wyśrodkowaniem menu - andrzolide - 03-12-2012
Dzięki o to mi chodziło
