---
title: "Listor visar fel"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/133629-listor-visar-fel"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Melea"
published: "2005-09-02T12:16:16.000Z"
updated: "2005-09-04T17:47:05.000Z"
replies: 9
views: 213
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/133629-listor-visar-fel"
---

# Listor visar fel

## #1 — Melea, 2005-09-02T12:16Z

Hejsan!

Har gjort en lista med \<ul\> och \<li\> för första gången, men får inte riktigt ihop det så att det funkar i IE.

```
<ul id="nav">
	<li><a href="#">Hem</a></li>
	<li><a href="#">Nyheter</a>
		<ul>
		<li>Underrubrik 1</li>
		<li>Underrubrik 2</li>
		</ul>
	</li>
</ul>
```

```
#nav ul {
	margin: 0; 
	padding: 0;
}
#nav li {
	list-style: none; 
	background: url(../interface/arrow.gif) no-repeat 0 3px; 
	margin: 2px 2px 2px 13px;
	padding-left: 16px;
}
#nav ul li {
	margin-left: -9px; 
	background: url(../interface/arrow_down.gif) no-repeat 5px 5px;
}
```

Den visar arrow.gif på Underrubrik 1, samt arrow_down.gif. De ligger liksom över varandra.

Tack på förhand
MVH

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

## #2 — Melea, 2005-09-02T12:17Z

Okej, detta blev en snabb tråd.
Det första jag såg när jag postade var att jag hade margin: -13 och padding: 13.
Satte 0 på båda dessa så funkade det. :)

Anyhow, har jag byggt rätt när jag gjort listan eller finns det något annat bättre sätt?

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

## #3 — silfver, 2005-09-02T12:20Z

Du bör sätta underrubrikerna inom \<li\> också. Fast det kanske du redan tänkt. ;) Men det ser bra ut annars.

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

## #4 — Melea, 2005-09-02T12:23Z

> **silfver skrev:**
>
> Du bör sätta underrubrikerna inom \<li\> också. Fast det kanske du redan tänkt. ;) Men det ser bra ut annars.

Jo, det har jag redan, hade visst råkat redigera bort dessa. :)

Tack

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

## #5 — Melea, 2005-09-02T12:42Z

Kan ju lika gärna fråga här istället för att skapa en ny tråd.
När jag skriver 

```
<p style="padding: 20px;">

<h1>Rubrik</h1>

Brödtext

</p>
```

Så försvinner paddingen på brödtexten. Vad beror det på?

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

## #6 — silfver, 2005-09-02T12:45Z

Du kan inte ha ett blockelement inom ett annat. D.v.s. Ingen \<h1\> inom \<p\>. :)

**r/** 
\<h1\>Rubrik\</h1\>
\<p\>Brödtext\</p\>

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

## #7 — Melea, 2005-09-02T12:51Z

I see. :)

Tack så mycket, igen :bire

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

## #8 — silfver, 2005-09-02T12:53Z

Nemas problemas. Återkommer senare med lite frågor angående gästboken. :)

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

## #9 — Melea, 2005-09-02T13:00Z

> **silfver skrev:**
>
> Nemas problemas. Återkommer senare med lite frågor angående gästboken. :)

Nemas problemas. :)

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

## #10 — zcorpan, 2005-09-04T17:47Z

Ur en mer teknisk synvinkel så beror det på att starttaggen för H1 underförstått betyder att P avslutas, eftersom sluttaggen för P är valbar och P  kan inte ha block-element som direkt barn. Alltså är ditt exempel exakt samma sak som:

```
<p style="padding: 20px;">

</p><h1>Rubrik</h1>

Brödtext

</p>
```

Eftersom det inte finns någon starttagg till din sista \</p\> så är detta fragment ogiltig HTML. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/133629-listor-visar-fel