---
title: "dropsown meny med hälp av CSS?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1700-dropsown-meny-med-hälp-av-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "caze"
published: "2001-12-25T15:38:00.000Z"
updated: "2001-12-28T20:49:00.000Z"
replies: 17
views: 480
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/1700-dropsown-meny-med-hälp-av-css"
---

# dropsown meny med hälp av CSS?

## #1 — caze, 2001-12-25T15:38Z

Hejsan!

God fortsättning på er allihopa...

Jag undrar hur man gör en dropdown meny utan knapp... alltså man ska komma direkt till det alternativ som man väljer i menyn.... Jag skulle också vilja ha verdana som font och textstorlek 10.

tack på förhand......

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

## #2 — Web-Tor, 2001-12-26T18:00Z

```
<form>
  <select onChange="location.href=this.options[this.selectedIndex].value">
  <option value="sidan1.html">Text 1</option>
  <option value="sidan1.html">Text 2</option>
  </select>
</form>
```

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

## #3 — caze, 2001-12-26T20:04Z

tack, men hur fixar man så att det blir verdana och storlek 8 eller 10 i menyn?

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

## #4 — SuPeR_ToBBe, 2001-12-26T20:10Z

\<style\>
option {font:10pt Verdana;}
\</style\>

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

## #5 — caze, 2001-12-26T20:35Z

vadå \<style\>
option {font:8pt Verdana;}
\</style\>    var ska det in någonstans..???

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

## #6 — jorgen, 2001-12-26T20:39Z

Så här:

inom \<head\> och \</head\>

```
<style type="text/css">
option 
{
font-size: 10px;
font-family: Verdana 
}
</style>
```

RED: Men ska w3c validator bli glad måste man ange color och backgound-color, och en serif också.

```
option {
   font-style: normal;
   font-size: 10px;
   color: black;
   background-color: transparent;
   font-family: Verdana, sans-serif
}
```

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

## #7 — webbmannen, 2001-12-27T16:27Z

Hoppar in i denna tråd eftersom min fråga också gäller dropdown-menyn.

Jag har inte lyckats styla själva selectboxen med dess pil och draglist. Är det så illa att det inte alls går?

Isf varför?? Nån som vet?

/webb

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

## #8 — caze, 2001-12-27T16:36Z

Så här har jag nu gjort, och det blir fel...=(((

\<html\>
\<head\>
\<style type="text/css"\> 
option 
{
font-size: 10px;
font-family: Verdana 
}
\</style\>
\</head\>
\<body\>
\<form\>
\<select onChange="location.href=this.options\[this.selectedIndex\].value"\>
\<option value="sidan1.html"\>Text 1\</option\>
\<option value="sidan1.html"\>Text 2\</option\>
\</select\>
\</form\>
\</body\>
\</html\>

Vad är det som är felet...???

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

## #9 — jorgen, 2001-12-27T16:53Z

I NN lär du få använda gamla vanliga \<font\>, prova formatera select istället:

```
<style type="text/css"> 
select 
{
font-size: 10px;
font-family: Verdana 
}
</style>
```

eller

```
<style type="text/css"> 
.dropdown
{
font-size: 10px;
font-family: Verdana 
}
</style>
```

```
<form>
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="sidan1.html" class="dropdown">Text 1</option>
<option value="sidan1.html" class="dropdown">Text 2</option>
</select>
</form>
```

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

## #10 — caze, 2001-12-28T15:15Z

SÅ JA, nu fungerar det=)....thx...

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

## #11 — caze, 2001-12-28T15:17Z

BARA EN SAK TILL=)...... hur fixar man en bakgrunds bild och rollover färg till menyn, så man slipper ha olika beroende på vilka färger man har i windows....

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

## #12 — jorgen, 2001-12-28T17:09Z

bakgrund:

```
<STYLE type="text/css">
   BODY { background: url("bild.gif") }
    </STYLE>
```

länkar:

```
<style type="text/css">
a:visited { text-decoration: underline;
	color: #404040;
	background-color: transparent }

a:link { text-decoration: underline;
	color: #444444;
	background-color: transparent }

a:hover { text-decoration: underline;
	color: #cccccc; 
	background-color: transparent }

a:active {  text-decoration: underline;
	color: #cccccc; 
	background-color: transparent }
</style>
```

mvh Jörgen :)

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

## #13 — caze, 2001-12-28T17:35Z

Den sista länk koden fungerar inte=(.....(känner mig besvärlig...)

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

## #14 — jorgen, 2001-12-28T17:59Z

Hej, fungerar klockrent här. Men det funkar ej i NN.

mvh Jörgen :)

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

## #15 — caze, 2001-12-28T19:48Z

Om det då fungerade för dig, hur gjorde du då????

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

## #16 — jorgen, 2001-12-28T20:01Z

Hej, jag använder exakt den för att styla länkar till min egen sida på adressen:
 <http://checkit.nu/hundportalen/> 

enda skillnaden är att jag har det i en extern fil. Visa din kod hur du har skrivit så är det lättare att hitta felet.

mvh Jörgen :)

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

## #17 — caze, 2001-12-28T20:07Z

Så här har jag skrivit:

\<html\>
\<head\>
\<style type="text/css"\> 
select 
{
font-size: 10px;
font-family: Verdana 
}
\</style\>
\</head\>
\<form\>
\<select onChange="location.href=this.options\[this.selectedIndex\].value"\>
\<option value="sidan1.html" class="dropdown"\>Text 1\</option\>
\<option value="sidan1.html" class="dropdown"\>Text 2\</option\>
\</select\>
\</form\>
\</html\>

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

## #18 — jorgen, 2001-12-28T20:49Z

Hej, fattade dig som det var vanliga länkar. Roll-overs får du fixa med DHTML.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1700-dropsown-meny-med-hälp-av-css