/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Expanding Menu
Fra : Kenny


Dato : 03-04-07 17:54

Hej,

Jeg er igang med en ny hjemmeside, hvor jeg gerne vil lave Menuen som
expanding.

Jeg har hentet en færdig version på nettet der dog ikke fungerer
optimalt. Jeg bruger <li> og <ol> til organiseringen. Men jeg kan ikke
lave mere end 1 sub-punkt.

Jeg har dog en seperat .js fil som jeg godt kan poste hvis nogen gerne
vil hjælpe.

Mvh

Kenneth Felber

Her er lige et udsnit af den kode:

<ul id="menu">
         
<li>Soccer
<ol>
<li><a href="#">Germany</a></li>
<li>
       <ol><a href="#">Bundesliga</a></ol>
       </li>
      
<li><a href="#">Italy</a></li>
<ol>
      <li><a href="#">Serie A</a></li>
       </ol>
</ol>
</li>
</ul>

 
 
Martin Ploug (03-04-2007)
Kommentar
Fra : Martin Ploug


Dato : 03-04-07 19:06

Kenny skrev:
> Hej,
>
> Jeg er igang med en ny hjemmeside, hvor jeg gerne vil lave Menuen som
> expanding.
>
> Jeg har hentet en færdig version på nettet der dog ikke fungerer
> optimalt. Jeg bruger <li> og <ol> til organiseringen. Men jeg kan ikke
> lave mere end 1 sub-punkt.
>
> Jeg har dog en seperat .js fil som jeg godt kan poste hvis nogen gerne
> vil hjælpe.
>
> Mvh
>
> Kenneth Felber
>
> Her er lige et udsnit af den kode:
>
> <ul id="menu">
>
> <li>Soccer
> <ol>
> <li><a href="#">Germany</a></li>
> <li>
> <ol><a href="#">Bundesliga</a></ol>
> </li>
>
> <li><a href="#">Italy</a></li>
> <ol>
> <li><a href="#">Serie A</a></li>
> </ol>
> </ol>
> </li>
> </ul>
Hej Kenneth

Tag evt. et kig på
http://www.hintzmann.dk/articles/mhalist/

måske der er noget du kan bruge.

Hilsen Martin

Philip Nunnegaard (03-04-2007)
Kommentar
Fra : Philip Nunnegaard


Dato : 03-04-07 19:22

I princippet kan det laves helt uden javascripts - men det er kun i
princippet, da det vist kun går i IE7, Firefox og Opera af de browsere, jeg
kender til.

Jeg har selv lavet én, der virker i disse 3 browsere ved hjælp af kode
herfra:
http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks12a.html

For at tage højde for browsere, der ikke kan klare dette (f.eks. ie6) har
jeg dog lavet det sådan, at et klik på selve hovedmenupunktet fører én frem
til en side, hvor dropdown-delen af menuen står som selvstændige menupunkter
ude i siden.


Jørgen Farum Jensen (03-04-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 03-04-07 22:01

Philip Nunnegaard skrev:
> I princippet kan det laves helt uden javascripts - men det er kun i
> princippet, da det vist kun går i IE7, Firefox og Opera af de browsere,
> jeg kender til.
>
> Jeg har selv lavet én, der virker i disse 3 browsere ved hjælp af kode
> herfra:
> http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks12a.html

Og det er et eksempel, jeg har lavet, og som fungerer
helt fint også i IE5 og IE6, blot man sørger for at indlæse
behavior-filen csshovet.htc.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste