Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  8 687
Et par kjappe spørsmål:

1. jeg har laget en vertikal pop-out meny som liste i html og laget utsende på den i css. Den fungerer helt fint i opera og firefox, men ikke i explorer, hvordan kan det løses?

2. Lag her lagt til behaviors på noen linker (show-hide layers), hvordan løser jeg det for de som ikke har java installert? slik at et annet alternativ kommer opp automatisk?

På forhånd takk for svar:-)
1. Kan vi få se koden?
2. JavaScript, ikke Java håper jeg?
Trådstarter
menyen:
<div id="meny">
<ul>
<li><a href="" class="parent">Hovedside</a>
</li>
</ul>

<ul>
<li><a href="mekketips.htm">Mekketips</a>
<ul>
<li><a href="hjulslark.htm">Hjulslark</a></li>
<li><a href="olje_kjedet.htm">Olje kjedet</a>
</li><li><a href="girjustering.htm">Girjustering</a></li>
</ul>
</li>
<li><a href="produkt.htm">Produktomtale</a>
<ul>
<li><a href="hardrocx.htm">HardRocx</a>
<ul>
<li><a href="cross.htm">Cross</a></li>
<li><a href="comfort.htm">Comfort</a></li>
</ul>
<li><a href="#">DBS</a></li>
<li><a href="#">BMX</a></li>
</ul>
</li>
<li><a href="tur.htm">Turforslag</a>
<ul>
<li><a href="trasse_vei.htm">Vei</a></li>
<li><a href="trasse_terreng.htm">Terreng</a></li>
</ul>
<li><a href="galleri.htm">Galleri</a>
</li>
<li><a href="registrer.htm">Registrer deg</a>
</li>
</ul>
</div>

css:
#meny
{
position:absolute;
top:205px;
left:24px;
z-index: 10;
width: 8em;
text-align: center;
font-size: 0.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

#meny a
{
width: 160px;
display:block;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-bottom:1px solid #eee;
white-space:nowrap;
}

#meny a, #meny a:visited
{
color: white;
background-color: #7E83BD;
text-decoration:none;
}

#meny a.parent, #meny a.parent:hover
{
background-position: right center;
background-repeat: no-repeat;
}

#meny a:hover
{
color: white;
background-color: #B5DFD0;
}

#meny li
{
list-style-type:none;
}

#meny ul li
{
position:relative;
}

#meny li ul
{
position: absolute;
top: 0;
left: 11.5em;
display: none;
}

div#meny ul, #meny ul ul, div#meny ul ul ul
{
margin:0;
padding:0;
width: 8em;
}

div#meny ul ul, div#meny ul ul ul , div#meny ul li:hover ul ul, div#meny ul li:hover ul ul ul
{
display: none;
}

div#meny ul li:hover ul, div#meny ul ul li:hover ul, div#meny ul ul ul li:hover ul
{
display: block;
}

Javascript, selvfølgelig
Den funker rett og slett ikke fordi IE ikke har støtte for :hover på noe annet enn linker.
Trådstarter
hm, ok. Takk for at du fant ut det. Går det ann å løse det på en enkel måte?
Google suckerfish dropdown
Trådstarter
Takk for tipset, men det var en horisontal pop-out meny, jeg skal ha en vertikal.
Tjohei.

Jeg googlet "suckerfish vertical"

http://www.htmldog.com/articles/suck.../vertical.html
Sitat av The Freak
Den funker rett og slett ikke fordi IE ikke har støtte for :hover på noe annet enn linker.
Vis hele sitatet...
Rettelse: IE 6 og eldra har ikke støtte for :hover på annet en anchor. Men IE7 har støtte for :hover på alle elementer.