Forum PHP.pl > Problem z rozwijanym menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

krzysiekj

4.02.2010, 22:22:49

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ć...

thek

4.02.2010, 22:56:34

Widać,że nie czytałeś chyba do końca artykułu

Zauważyłeś, że jest tam napisane, iż w pewnym miejscu należy zacząć kombinować z pozycjonowaniem i czymś takim jak left?

krzysiekj

5.02.2010, 08:31:34

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.