Sida 1 av 1

Dropdown meny.

Postat: 23 dec 2009, 13:13
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

Re: Dropdown meny.

Postat: 28 dec 2009, 13:53
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

Re: Dropdown meny.

Postat: 28 dec 2009, 14:18
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...

Re: Dropdown meny.

Postat: 24 jul 2010, 02:50
av Luxwarp
http://w3schools.com/dhtml/tryit.asp?fi ... tml_menu10
där lärde jag mig göra dropdown:)