Dropdown meny.

Här diskuteras programmering och utveckling
Användarvisningsbild
Forcevision
Inlägg: 1023
Blev medlem: 21 apr 2008, 21:55
OS: Ubuntu
Utgåva: 23.10 Mantic Minotaur
Kontakt:

Dropdown meny.

Inlägg av Forcevision »

Hejsan!

Sitter här och funderar på min hemsida. Skulle gärna vilja ha någon form av dropdown meny. kan man fixa detta med hjälp av css eller är det javascript eller liknande man använder sig av då ?

Gärna en sådan här meny som på denna sidan: http://www.cssplay.co.uk/menus/final_drop.html

Kom gärna med förslag på hur jag kan komponera ihop en dropdown meny :)

God jul!!!!

/force
Http://www.jernstedt.me Från otränad till tok tränad och följ mig på facebook http://www.facebook.com/jernstedt.me
Användarvisningsbild
SlamsornasKung
Inlägg: 886
Blev medlem: 27 jun 2009, 19:23
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: 08

Re: Dropdown meny.

Inlägg av SlamsornasKung »

Hej Force!

Det verkar som om källkoden på sajten du länkade till är mer eller mindre tillgänglig. Jag hittade det här:

Kod: Markera allt

#holder {position:absolute; top:50px; left:320px; width:100px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#eee;}
#holder:hover {height:130px; cursor:pointer; background:#eee;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none;}
#holder a:hover {color:#c00;background:#ddd;}
Och det här:

Kod: Markera allt

<div id="holder">
		MAIN MENU<br />
		<hr />
		<a href="#">Item one</a>
		<a href="#">Item two</a>
		<a href="#">Item three</a>

		<a href="#">Item four</a>
		<a href="#">Item five</a>
		</div>
Om du leker lite med de två i kombination kanske du kan få till det precis som du vill ha det.

SK
HP NC2400 - Ubuntu 10.04 • Fujitsu Siemens AmiloM7400 - Arch Linux • HP/Compaq Mini 110C - Ubuntu 10.04
CryingFreeman skrev:[…] Ubuntu är och förblir en meritokrati, inget demokratiskt experiment där alla får säga vad som helst till vem som helst, hur som helst.
Användarvisningsbild
Osprey
Inlägg: 6310
Blev medlem: 06 apr 2008, 00:09
OS: Ubuntu
Ort: Göteborg/Mölndal/Falkenberg
Kontakt:

Re: Dropdown meny.

Inlägg av Osprey »

Det går ganska lätt att åstadkomma med CSS och generellt sett består dropdown-menyn av en <ul><li>-lista som är lite speciellt uppsatt via <span> etc. Det finns antagligen massor om det här på nätet...
Agera genom att ta och behålla initiativet, ta de risker detta kräver...
http://www.enargo.com/it/
OpenVMS Shark - i Linux finns inte SYS$CMKRNL...
Användarvisningsbild
Luxwarp
Inlägg: 591
Blev medlem: 16 nov 2007, 02:05
OS: Ubuntu
Utgåva: 22.04 Jammy Jellyfish LTS
Ort: Göteborg
Kontakt:

Re: Dropdown meny.

Inlägg av Luxwarp »

http://w3schools.com/dhtml/tryit.asp?fi ... tml_menu10
där lärde jag mig göra dropdown:)
--------------------------------------
Luxwarp (fd. Zifilion / MMCarlsson)

IT Consultant and Web developer.

Check out my blog about Ubuntu, development, tips, tech and all my projects over at https://codeiolo.org
Skriv svar

Återgå till "Programmering och webbdesign"