---
title: "Hjälp med hover i lista"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139226-hjälp-med-hover-i-lista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "michno"
published: "2005-12-13T09:48:25.000Z"
updated: "2005-12-22T08:00:06.000Z"
replies: 17
views: 864
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/139226-hjälp-med-hover-i-lista"
---

# Hjälp med hover i lista

## #1 — michno, 2005-12-13T09:48Z

Hej gott folk!
Jag håller på att jobba med en meny som ska ersätta en identisk meny gjord med Flash. Jag har med andra ord gett mig tusan på att samma funktionalitet ska gå att fixa med XHTML och CSS.   :h 

Meny består av en \<ul\>-lista med en bakgrundsfärg i varje \<li\>-element. När man hovrar visas en bild istället. I listelementen finns också en span med ett ord. den är osynlig utom när man hovrar över det aktuella elementet då ordet visas. Saken är att det ordet ska visas i samma position på sidan oavsett vilket listelemens span man hovrar över. Det är här problemet börjar...

Ni kan kolla på menyn [här](http://www.theduffyagency.com/test/menu/menu.html).

CSS-filen ligger [här](http://www.theduffyagency.com/test/menu/screen.css).

Båda filerna validerar.
Problemet är att orden visas förskjutna relativt med listelementets höjd. Position:absolute ska ju förhålla sig till det omgivande blocket, men det enda blocket som finns är ju \<div id="menu"\>. Eller? Det funkar som det ska om jag använder position:fixed, men efter det inte lirar med IE så går det ju inte att använda.
Någon som har en idé om vad jag missat eller gjort fel?
Många tack på förhand!

  :) 
Michael

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

## #2 — Travoni, 2005-12-13T10:07Z

Det funkar inte alls i IE.

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

## #3 — nidron, 2005-12-13T10:32Z

Annorlunda. Gillar den skarpt!  (y) 

Har inga förslag på vad som kan hjälpa dock =/

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

## #4 — michno, 2005-12-13T12:37Z

Nej, den funkar inte längre i IE. Attans, det gjorde den innan jag blev desperat och började att riva i koden hit och dit...  x( 

Michael

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

## #5 — michno, 2005-12-13T15:15Z

Menyn finns i fungerande skick [här](http://www.theduffyagency.com/test/menu/menu2.html).
Fungerande om man använder Safari eller Firefox/Flock det vill säga...

Michael

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

## #6 — tanten, 2005-12-14T09:18Z

Har försökt hinna med att titta på din "utmaning", men tiden räcker inte till.
Kanske kan detta ge dig något tips på vägen.
<http://www.gotlandssidor.se/exp/exp.html>

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

## #7 — tanten, 2005-12-14T11:57Z

Nu jobbade jag en stund med att rensa i min kod och flyttade på hover-texten.
Gjorde 
/\* Göra allt osynligt \*/
\#container a.gallery span {
	background: #FFFFFF;
	height: 10px;
	width: 10px;
	left: 300px;
	overflow: hidden;
	position: absolute;
	top: 200px;}
synlig genom att göra den 10px hög och bred. Ska egentligen vara 1px. Så ändra det om du vill använda den som mall.

<http://www.gotlandssidor.se/exp/putte2.html>

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

## #8 — michno, 2005-12-14T14:40Z

Ser intressant ut! Tack!
Ska leka lite med din kod och se om det går att göra något.

Michael

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

## #9 — michno, 2005-12-14T15:51Z

OK, nog lekt för idag. [Nearly there...](http://www.theduffyagency.com/test/menu/menu3.html) 

Jag har en liknande underlighet som du har på din sida i mitten. I mitt fall är det ordet Contact. Förstår inte varför det syns där. Hovrar man över det tiltar de två understa raderna i menyn.

Men, som sagt, tack för hjälpen! Det ska nog bli nog av det här...

  :) 
Michael

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

## #10 — tanten, 2005-12-14T16:02Z

Jag ville bara visa att hovern egentligen finns på två ställen och därför måste man göra underligheten 1X1px.som jag skrev däruppe.

Blev ju jättebra annars...

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

## #11 — michno, 2005-12-15T13:11Z

Aha, missade det där. Då var det ju lätt.   ;) 
Den färdiga menyn inlagd på sida finns nu [här](http://www.theduffyagency.com/test/tda/index.htm) 

Tack för hjälpen!

  :birp 
Michael

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

## #12 — hampus_b, 2005-12-15T13:16Z

... men du behöver nog box-model-hacka lite för att få sidan att se bra ut i ie5/ie55...

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

## #13 — michno, 2005-12-15T13:17Z

Ja, jag har brutalt struntat i IE5... Får se om jag orkar sen.

  §e 
Michael

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

## #14 — hampus_b, 2005-12-15T13:19Z

fast du är ju nästan där - allt funkar ju (hover etc). det är bara själva textrutan som är för liten...)

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

## #15 — hampus_b, 2005-12-15T13:20Z

firefox då

<http://www.theduffyagency.com/test/tda/index.htm>

...är det den som gäller så funkar den inte längre i fierfox...

//h

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

## #16 — michno, 2005-12-21T10:26Z

Nej, har flyttat filerna till <http://www.theduffyagency.com/> där de ska vara. Det funkar utmärkt i Firefox här...

Ang IE5 så har jag bara kunnat testa i IE5/Mac. Genom att fuska med ett extra stylesheet har jag fått den att åtminstone synas ordentligt. 5-versioner för Win kan jag inte testa här. Har du något förslag på vad jag behöver ändra?

  :) 
Michael

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

## #17 — Troxy, 2005-12-22T07:27Z

michno, jag måste bara säga att detta var den absolut snyggaste hemsidan jag har sett!   :bire

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

## #18 — michno, 2005-12-22T08:00Z

Oj, tack!
Det blir en glad julklapp till teamet här...

  :birp 
Michael

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139226-hjälp-med-hover-i-lista