---
title: "drop-down-meny."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130568-drop-down-meny"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Okkido"
published: "2005-06-26T01:30:03.000Z"
updated: "2005-06-27T13:38:37.000Z"
replies: 5
views: 349
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/130568-drop-down-meny"
---

# drop-down-meny.

## #1 — Okkido, 2005-06-26T01:30Z

Tja

Har en drop-down-meny där jag använder bakgrundsbilder istället för text. För att dölja texten använder jag text-indent med minusvärde. 

```
				<li><a id="huvudmeny1" href="#">Huvudmeny</a>
					<ul>
						<li><a id="undermeny1" href="undermeny1">Undermeny1</a></li>
						<li><a id="undermeny2" href="undermeny2">Undermeny2</a></li>
					</ul>
				</li>
```

Allting fungerar prima, men jag vill lägga till en sak, när man drar över någon av huvudmenyerna så ändras bakgrundsbilden men går man sen ner till undermenyn som kommer fram när man drar på någon huvudmeny så försvinner hover-funktionen från huvudmenyn. Går det att lösa så att det är hover på huvudmenyn även när man är med muspekaren på undermenyn?

Permalänk: https://www.webforum.nu/p/130568

## #2 — zcorpan, 2005-06-26T10:18Z

li:hover

Permalänk: https://www.webforum.nu/p/1637098

## #3 — Okkido, 2005-06-26T11:31Z

Testade med li:hover utan resultat. Här är css:en jag använder:

```
#nav, #nav ul {
	padding: 0;
	margin: 0;
	height: 25px;
	list-style: none;
}
#nav a {
	display: block;
	width: 190px;
	text-indent: -10000px;
	text-decoration: none;
}
#nav li {
	float: left;
	width: 190px;
}
#nav li ul {
	position: absolute;
	z-index: 1000;
	width: 190px;
	left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
a#nav-footwear			{ height: 25px; background: url(../images/top-footwear.png) no-repeat; }
a#nav-apparel			{ height: 25px; background: url(../images/top-apparel.png) no-repeat; }

#nav a:hover 			{ background-position: 0 -25px; cursor: pointer;  }

a#sub-road			{ height: 21px; background: url(../images/sub-road.png) no-repeat; }
a#sub-mountain			{ height: 21px; background: url(../images/sub-mountain.png) no-repeat; }
```

Permalänk: https://www.webforum.nu/p/1637132

## #4 — zcorpan, 2005-06-26T20:53Z

Testa med 

```
#nav li:hover > a { background-position: 0 -25px; /*cursor: pointer; behövs denna?*/ }
```

 :)

Permalänk: https://www.webforum.nu/p/1637252

## #5 — Troxy, 2005-06-26T23:15Z

IE6 har väl inte stöd för hover på andra element än \<a\>?

Permalänk: https://www.webforum.nu/p/1637317

## #6 — zcorpan, 2005-06-27T13:38Z

Nej. Men så snart vi är överrens om det önskade resultatet kan vi försöka hitta en fix åt IE. :)

Permalänk: https://www.webforum.nu/p/1637425

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130568-drop-down-meny