![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 77 Pomógł: 0 Dołączył: 25.04.2007 Ostrzeżenie: (0%) ![]() ![]() |
Zrobiłem rozwijane menu na bazie kursu css http://www.kurshtml.boo.pl/skrypty/wyglad,..._rozwijane.html
Dostosowałem sobie wszystko tylko mam jeden problem jak zrobić, żeby rozwijało się z prawej strony a nie pod spodem. http://www.cxnet.pl/stronka/ Kod CSS dotyczący menu Kod .menu0, .menu0 dl { font-size: 12px; position: absolute; width: 200px; margin: 0; padding: 0; border-width: 0px;} .menu0 dt { width: 200px; height: 20px; cursor: pointer; margin: 0; padding: 0; background-image: url('pliki/menu1.gif'); color: #000; text-align: center; font-size: 12px;} .menu0 dd { background-image: url('pliki/menu1.gif'); color: #000; margin: 0; padding: 0; width: 200px; height: 20px; text-align: center;} .menu0 dd.active { background-image: url('pliki/menu2.gif'); font-weight: bold;} .menu0 dt a { background-image: url('pliki/menu1.gif');} .menu0 a:link, .menu0 a:visited { display: block; color: #000; text-decoration: none; padding: 4px 5px;} .menu0 a:hover { color: #000; background-image: url('pliki/menu2.gif');} .menu0 dl { position: absolute; border: 0;} .menu0 dl dd { position: relative; bottom: 22px; border-left: 1px solid #eee; border-right: 1px solid #aaa;} Fragment kodu index.html Kod <div id="MENU"> <dl id="menu0"> <dt><a href="...">STRONA GŁÓWNA</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">AKTUALNOŚCI</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">O NAS</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dd><a href="...">DANE OGÓLNE</a></dd> <dd><a href="...">HISTORIA</a></dd> <dd><a href="...">DZIAŁALNOŚĆ</a></dd> <dt><a href="...">ORGANA SPÓŁKI</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dd><a href="...">ORGANA</a></dd> <dd><a href="...">PRACOWNICY</a></dd> <dt><a href="...">OCZYSZCZALNIA</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">KANALIZACJA</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">OFERTA WSPÓŁPRACY</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dd><a href="...">SPRZĘT</a></dd> <dd><a href="...">CENNIK</a></dd> <dt><a href="...">STAWKI OPŁAT</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">DO POBRANIA</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">PRZETARGI</a></dt> <img border="0" src="pliki/menu.gif" width="200" height="1"> <dt><a href="...">GALERIA</a></dt> </dl> <script type="text/javascript"> // <![CDATA[ new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true); // ]]> </script> </div> Prosiłbym o pomoc jak to zrobić... |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Moderatorzy Postów: 4 362 Pomógł: 714 Dołączył: 12.02.2009 Skąd: Jak się położę tak leżę :D ![]() |
Widać,że nie czytałeś chyba do końca artykułu (IMG:style_emoticons/default/winksmiley.jpg) Zauważyłeś, że jest tam napisane, iż w pewnym miejscu należy zacząć kombinować z pozycjonowaniem i czymś takim jak left? (IMG:style_emoticons/default/winksmiley.jpg)
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 77 Pomógł: 0 Dołączył: 25.04.2007 Ostrzeżenie: (0%) ![]() ![]() |
no właśnie jak bym z tym nie kombinował to nie działa... bo ja mam zastosowane to ostatnie menu z grafikami i za diabła nie mogę zrobić, żeby pokazywał z boku
Temat można zamknąć, udało mi się dostosować inne menu oparte na css. Ten post edytował krzysiekj 5.02.2010, 08:31:58 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 18:14 |