---
title: "Indrag i selectlista"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1785-indrag-i-selectlista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jonne"
published: "2002-01-23T08:03:00.000Z"
updated: "2006-06-07T18:20:51.000Z"
replies: 11
views: 424
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/1785-indrag-i-selectlista"
---

# Indrag i selectlista

## #1 — jonne, 2002-01-23T08:03Z

Om jag skriver en selectlista som är uppdelad i grupper så som koden här under, hur minskar jag sidoindraget?

```
<SELECT name="select" class="dropdown">			  
			  	<OPTGROUP label="Ljusbord">
					<OPTION>Project 9905</OPTION>
					<OPTION>Project 9905</OPTION>
					<OPTION>Project 9905</OPTION>
				</OPTGROUP>
				<OPTGROUP label="Mina mappar">
					<OPTION value="ett">Köpta bilder</OPTION>
					<OPTION value="två">Windh</OPTION>
					<OPTION value="två">Röda stugor</OPTION>
				</OPTGROUP>
			</SELECT>
```

Klassen dropdown ser ut såhär:

```
.dropdown {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
```

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

## #2 — Sico, 2002-01-23T15:09Z

Din fråga e lite skev men.. 
Jag antar att du har en \<form\>-tagg, skriv där:

```
leftmargin=0
```

tror jag ska funka, rätta mig om jag har fel..

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

## #3 — jonne, 2002-01-23T15:16Z

Nix. Ingen verkan. Inte ens i css klassen.

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

## #4 — Sico, 2002-01-23T15:22Z

har du sidan uppe nån stans så man får se hur det ser ut?

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

## #5 — jonne, 2002-01-23T15:24Z

Detta problemet är en del i företagssiten som vi håller på att bygga upp så jag kan tyvärr inte visa hela sidan, men koden jag testade med för dropdownen ser ut:

```
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<STYLE type="text/css">
<!--
.form {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; leftmargin: 0px}

-->
</STYLE>
</HEAD>

<BODY>
<FORM leftmargin="0" action="foo.htm" method="post" class="form">
<SELECT name="select">
<OPTGROUP label="Ljusbord"> 
<OPTION>Project 9905</OPTION>
<OPTION>Project 9905</OPTION>
<OPTION>Project 9905</OPTION>
</OPTGROUP>
<OPTGROUP label="Mina mappar">
<OPTION value="ett">Köpta bilder</OPTION>
<OPTION value="två">Windh</OPTION>
<OPTION value="två">Röda stugor</OPTION>
</OPTGROUP>
</SELECT>
</FORM>

</BODY>
</HTML>
```

Har testat att lägga klassen på select taggen med men det fungerar inte heller.

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

## #6 — Sico, 2002-01-23T15:33Z

```
<BODY leftmargin="0">
```

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

## #7 — jonne, 2002-01-23T15:36Z

För att ytterligare förtydliga så är det indraget **inuti** selectlistan som jag är ute efter. När man använder optgroup så lägger den upp listan såhär

```
Heading
     item1
     item2
     item3
```

det är alltså indraget på "items" som vill minska eftersom den spränger min layout annars.

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

## #8 — Web-Tor, 2002-01-23T15:54Z

Men kan du inte lägga in nåt i stil med:

```
OPTGROUP, OPTION{
left-margin: 0px;
}
```

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

## #9 — Sico, 2002-01-23T15:55Z

ops

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

## #10 — jonne, 2002-01-23T17:37Z

Funkar inte heller Tor. Börjar tro att detta är av liknande natur som type="file". Alltså att man inte kan ändra den annat än typografi mässigt :l

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

## #11 — learn, 2006-06-05T15:19Z

Sorry att jag väcker upp en gammal tråd.. ;)

Någon som vet hur man gör för att få bort det ovan nämnda indraget i en optgroup?? Ser riktigt fult ut ju...

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

## #12 — zcorpan, 2006-06-07T18:20Z

Du skulle kunna experimentera med margin, padding, text-indent, osv, men det är fortfarande odefinierat [hur CSS fungerar med formulärobjekt](http://www.w3.org/TR/CSS21/conform.html#conformance). 

> **CSS21 skrev:**
>
> CSS 2.1 does not define which properties apply to form controls and frames, or how CSS can be used to style them. User agents may apply CSS properties to these elements. Authors are recommended to treat such support as experimental. A future level of CSS may specify this further.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1785-indrag-i-selectlista
