[CSS][Java]Menu Opcje

[mrk9109]

Witam mam taki problem mam zrobione menu " zmiana po najechaniu myszka " noo i wszystko dziala tylko chcial bym aby np: obrazek od Media gdy jest aktywny zostawalo tlo hover gdy zmieni sie na sub menu od druzyny to zeby zostawal hover od druzyny i nie umie sobie z tym poradzic o to kod js i css :

Kod

    function menu(co)

        {
            var menu = new Array();
            menu[0] = "<a href=\"index.php?site=articles\">Atrykuly</a>   <a href=\"index.php?site=clanwars\">Wyniki</a>   <a href=\"index.php?site=calendar\">Kalendarz</a>   <a href=\"index.php?site=about\">O nas</a>   <a href=\"index.php?site=history\">Historia</a>   <a href=\"index.php?site=awards\">Osiagniecia</a>";
            menu[1] = "<a href=\"index.php?site=squads&action=show&squadID=1\">Organizacja</a>   <a href=\"index.php?site=squads&action=show&squadID=2\">Counter-Strike 1.6</a>   <a href=\"index.php?site=squads&action=show&squadID=3\">Cod 2 (1.0)</a>   <a href=\"index.php?site=squads&action=show&squadID=4\">Cod 2 (1.3)</a>   <a href=\"index.php?site=squads&action=show&squadID=5\">Cod 4</a>   <a href=\"index.php?site=members\">Wszystkie</a>";
            menu[4] = "<a href=\"index.php?site=files\">Pliki</a>   <a href=\"index.php?site=demos\">Dema</a>   <a href=\"index.php?site=links\">Linki</a>   <a href=\"index.php?site=gallery\">Galeria</a>";
            document.getElementById("menu_bottom").innerHTML = menu[co];
        }

Kod

/* Menu */
.menu ul { display: block; list-style: none; margin: 0; padding: 0; }
.menu li { float: left; }
.menu { width: 907px; float: left; display: block; }
#home { width: 154px; height: 53px; background-image: url(images/home-a.gif); display: block;}
#home:hover { width: 154px; height: 53px; background-image: url(images/home-b.gif); display: block; }
#td { width: 148px; height: 53px; background-image: url(images/td-a.gif); display: block;}
#td:hover { width: 148px; height: 53px; background-image: url(images/td-b.gif); display: block; }
#media { width: 168px; height: 53px; background-image: url(images/media-a.gif); display: block;}
#media:hover { width: 168px; height: 53px; background-image: url(images/media-b.gif); display: block; }
#pub { width: 132px; height: 53px; background-image: url(images/pub-a.gif); display: block;}
#pub:hover { width: 132px; height: 53px; background-image: url(images/pub-b.gif); display: block; }
#kontakt { width: 153px; height: 53px; background-image: url(images/kontakt-a.gif); display: block;}
#kontakt:hover { width: 153px; height: 53px; background-image: url(images/kontakt-b.gif); display: block; }

Kod

   <div class="menu">
            <ul>
                <li><a href="#" title="Strona Główna" id="home"></a></li>
                <li><a href="#" title="Druzyna" id="td" onmouseover="menu(1);"></a></li>
                <li><a href="#" title="Media" id="media" onmouseover="menu(0);"></a></li>
                <li><a href="#" title="Publikacje" id="pub" onmouseover="menu(4);"></a></li>
                <li><a href="#" title="Kontakt" id="kontakt"></a></li>
            </ul>
             </div>
             <div class="pod-menu">
                      <div id="menu_bottom"></div>
             </div>

EDIT: Mam jeszcze 2 pytanie czy padding moze byc ujemny ? bo do tresci mam padding left 15 a do news.php chcial bym usunac ten padding moge to zrobic tym pliku jako osobny div i dodac tam minusowy padding > ?

Ten post edytował mrk9109 6.08.2010, 12:14:36

[Fifi209]

Ehh...


Tak, padding może być ujemny.

[danstefan]

[CSS][Java]Menu

Co ten watek ma wspolnego z jego tematem?

[mrk9109]

te 2 pytanie dodalem pozniej ;p ale glownie chodzi mi o to 1 menu w javie jak opisalem problem

[flashdev]

Co ten watek ma wspolnego z jego tematem?

Może lepszym pytaniem byłoby. Co ten temat ma wspólnego z tym tematem?

CSS + JAVA

[darophp]

Człowieku, już się z Ciebie śmieją. Java to nie JavaScript ! Dobra ... koniec offtop'u