![]() |
![]() |
![]()
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ć... |
|
|
![]() ![]() |
![]() |
Aktualny czas: 24.08.2025 - 00:18 |