---
title: "Tjusiga menyer"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1215-tjusiga-menyer"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "deoiz"
published: "2001-06-21T09:59:00.000Z"
updated: "2001-06-22T08:04:00.000Z"
replies: 6
views: 357
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/1215-tjusiga-menyer"
---

# Tjusiga menyer

## #1 — deoiz, 2001-06-21T09:59Z

Hejsan alla!

Hur ser koden ut för sådana dära menyer där man har tables. när man för pekaren över tablen ändras bakgrundsfärgen och när man för ut pekaren återställs färgen igen. Sedan om man klickar på tablen/texten i tablen dyker en menyu upp från tomma intet...

Hur gör jag detta???

MVH

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

## #2 — Web-Tor, 2001-06-21T10:54Z

> Hur gör jag detta???

Det lättaste är att titta i koden på den sida där du sett det hela. ;)

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

## #3 — voigtann1, 2001-06-21T11:48Z

Dom använder StyleSheets tror jag en enkelt script men kan den inte i huvudet ... skickar addressen till mig lr ngt så kan jag se om jag kan hjälpa dig mer

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

## #4 — deoiz, 2001-06-21T13:40Z

Hej igen...

Några exempel:

idg.se (högst upp)
microsoft.com (lite varstans)

Jag gissar på att det e antingen bara css eller en liten gnutta javascript inblandat ?

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

## #5 — frankof, 2001-06-21T18:02Z

få se om jag fattade rätt:
Du menar dom menyerna som väcklar ut sig?(idg.se)
Eller menar du bara helt enkelt bara att länkarna byter färg när man lägger pekaren på dom?

I det första fallet,DHTML kolla: <http://www.dhtmlzone.com/tutorials/> 
Och: <http://www.dynamicdrive.com/> 
Leta runt lite, fast det kan vara rätt maffiga script.

I det andra fallet är det rätt enkelt, CSS.

```
<style type="text/css">
<!--
A:link { color: red;background-color:transparent; } /* unvisited links */ 
A:visited { color: blue;background-color:maroon;} /* visited links */ 
A:hover { color: yellow;background-color:black; } /* user hovers */ 
A:active { color: lime;	background-color:transparent; } /* active links */
-->
</style>
```

/frankof

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

## #6 — deoiz, 2001-06-21T22:30Z

Tack för det ! =)

Testade lite och kom upp med en liten sak... Det e juh textens bg man ändrar. Menigen va juh att tablens bg skulle ändras hur gör ja då?

För att om man förändrar textens bg får man en expixlad "sorg-rand" rund hela texten:

Så here gjorde jag...

\<html\>
\<head\>
\<title\>Rädda Joppe!\</title\>
\<style type="text/css"\>
a { color: #000000; font-weight : none; text-decoration : none; }
\<!--
A:link { color: black;background-color:transparent; } /\* unvisited links \*/ 
A:visited { color: black;background-color:transparent;} /\* visited links \*/ 
A:hover { color: black;background-color:#99CCFF; } /\* user hovers \*/ 
A:active { color: black; background-color:transparent; } /\* active links \*/
\--\>
\</style\>
\</head\>
\<body bgcolor="#FFFFFF" text="#000000"\>
\<table width="73" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#000000" height="10" align="center" mm_noconvert="TRUE"\>
\<tr bgcolor="#000000"\> 
\<td height="2" width="78"\> 
\<table width="41" border="0" cellspacing="1" cellpadding="1" align="center" height="20"\>
\<tr bgcolor="#FFCC66"\> 
\<td height="2"\> 
\<p align="center"\>\<font size="2" face="Verdana, Arial, Helvetica, sans-serif"\>\<a href="#"\>\<font size="3"\>&nbsp;&nbsp;Tjolahopp&nbsp;&nbsp;\</font\>\</a\>\</font\>\</p\>
\</td\>
\</tr\>
\</table\>
\</td\>
\</tr\>
\</table\>\</body\>\</html\>

Visst ser man randen...

Buhu... jälp!

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

## #7 — Matti, 2001-06-22T08:04Z

<http://www.mk.st/tips/onmouseover.php>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1215-tjusiga-menyer
