---
title: "indrag i lista"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/70313-indrag-i-lista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nexus86"
published: "2003-03-07T11:01:36.000Z"
updated: "2004-01-20T21:00:22.000Z"
replies: 8
views: 436
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/70313-indrag-i-lista"
---

# indrag i lista

## #1 — Nexus86, 2003-03-07T11:01Z

Hur skriver man för att minska indraget i en lista (\<li\>) så det inte blir lika stort?

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

## #2 — Jesper T, 2003-03-07T11:10Z

Strunta i \<ul\>

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

## #3 — Nexus86, 2003-03-07T11:10Z

Jag kom på det. :)

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

## #4 — Bäckman, 2003-03-07T16:53Z

Följer det standarder och sånt att göra så?

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

## #5 — Skarre, 2004-01-20T09:43Z

Jag har ett relaterat problem, men jag behöver istället öka marginalerna eftersom en del av listan göms bakom en bild som har style-attributet "float:left". Det verkar ju fungera att strunta i \<ul\>, men det är ju inte korrekt HTML eller?

Problemet syns på följande sida: <http://www.ahrens-transport.se/dynpage.asp?id=2>

Varken margin-left eller padding-left påverkar listan i IE.

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

## #6 — SugarDaddy, 2004-01-20T10:15Z

Skarre - provat \<ul style="list-style-position: inside"\> t ex? Sen avslutar du inte med \</li\> utan har \<br\> istället - påverkar?
(snygg sida btw  :)  )

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

## #7 — jarvklo, 2004-01-20T11:06Z

Brrrrr

Att helt enkelt strunta i \<UL\> är inte OK om man vill följa standard.

Men man kan påverka indrag m.m. med CSS om man mekar med både \<ul\> och \<li\>.
Exempel (testat i MSIE6 ocn FB):

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
  <title>Ett exempel</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- grundindrag med padding i Mozilla, margin i MSIE (såklart olika!) -->
<ul style="padding-left:0;margin-left:0">
<!-- sedan sätter man indraget med margin-left på li-->
  <li style="margin-left:15px">Ett</li>
  <li style="margin-left:20px">Två</li>
  <li style="margin-left:25px">Tre</li>
</ul>
  </body>
</html>
```

Brasklapp: Exemplets \<!DOCTYPE gör att koden körs i "standards" mode i bägge webbläsarna  ;)

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

## #8 — Nexus86, 2004-01-20T20:39Z

Eftersom att denna tråd är gammal nu råder jag er att lyssna på jarvklo eftersom han har samma sak att säga som jag hade haft numera men inte hade en aning om på den tiden. :)

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

## #9 — Skarre, 2004-01-20T21:00Z

Tackar för det jarvklo! Jag ska laborera lite i morgon när jag kommer till jobbet.

> **SugarDaddy skrev:**
>
> (snygg sida btw  :)  )

Tack! Den var dock, enligt min åsikt, finare innan kunden pajade allt med sina "synpunkter". ;)

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

---

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