+- 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: menu z grafiką (/thread-menu-z-grafika)
menu z grafiką - masofcer - 23-08-2010
Witam chcialbym zrobic menu pionowe skladajace sie od gory z grafiki jako tlo, po lewej i prawej stronie ma byc grafika bordera , a w srodku tlo a na nim lista z podstronamy. Musze robic kazdy element w divach czy da sie to poustawiac jako listy?
kombinowalem tak:
Kod:
<div id="menu">
<div id="grafika_gora"></div>
<div id="srodek">
<ul>
<li id="grafika_border_lewy"></li>
<li>
<ul id="podstrony_z_tlem">
<li>strona 1</li>
<li>strona 2</li>
<li>strona 3</li>
</ul>
</li>
<li id="grafika_border_prawy"></li>
</ul>
<div id="grafika_dol"></div>ale jakos nie mnoge tego poustawiac w css-ie :/
może da sie to jakos prosciej zrobic...
RE: menu z grafiką - Kartofelek - 24-08-2010
Ogólnie jest ok.
Możesz iść tą drogą.
Góra i dół -> clear both, wymiary, overflow:hidden
Srodek -> clear:both; min-height, position:relative; overflow:hidden;
Srodek lista -> marginesy boczne o szerokosci borderow lewego i prawego
border lewy i prawy -> position:absolute; left:0; right:0 - odpowiednio dla kazdego
Oczywiscie liste i bordery lewy i prawy mozesz tez floatowac do lewej strony. Wybor nalezy do ciebie.