---
title: "Problem med <li>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130372-problem-med-li"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Grebban"
published: "2005-06-21T13:51:39.000Z"
updated: "2005-06-21T15:34:13.000Z"
replies: 3
views: 364
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/130372-problem-med-li"
---

# Problem med <li>

## #1 — Grebban, 2005-06-21T13:51Z

Har lite problem med \<li\>. Kolla bifogad bild för att förstå mer.

Så som rubrikerna under "Kommentarer" beter sig så ska rubrikerna under "Senaste" också göra.
"Senaste" har \<li\> taggar men det har inte "Kommentarer".

Varför beter sig \<li\> taggen så och hoppar in ? Hur ska jag fixa till det så att mina "Senaste" rubriker är i samma linje som "kommentarer"? Jag måste ju använda mig av \<li\> för jag ska ha en bildicon på varje \<li\>.

Någon som vet?

HTML:

```
<h4>Senaste</h4>
            <h5><ul><li><a href="http://www.grebban.com/index.php?id=12">Observera att sidan INTE &auml;r klar!</a></li>

<li><a href="http://www.grebban.com/index.php?id=11">Snart kommer den upp</a></li>
<li><a href="http://www.grebban.com/index.php?id=10">3 nya foton och l&auml;nkar</a></li>
<li><a href="http://www.grebban.com/index.php?id=5">Version 3.0!</a></li></ul></h5>
            <br />
         <h4>Kommentarer</h4>
            <h5>
            <a href="/index.php?id=5#c000014">freddan (Version 3.0!)</a><p>Riktigt najs vart den :)</p>

<a href="/index.php?id=11#c000013">Eric (Snart kommer den upp)</a><p>eeee</p>
<a href="/index.php?id=11#c000012">kalle (Snart kommer den upp)</a><p>gogogo! funkar gravatar?</p>
<a href="/index.php?id=10#c000011">klas (3 nya foton och l&auml;nkar)</a><p>gf</p>
<a href="/index.php?id=10#c000010">klas (3 nya foton och l&auml;nkar)</a><p>h</p></h5>
```

 

CSS:

```
h5{
	margin: 0 20px 2px 12px;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #93B713;
}
#sidebar{
	padding: 15px 0 0 0;
	float: right;
 	width: 214px; 
}
#sidebar p, #sidebar .favicon{
	margin: 0 20px 8px 12px;
	font-size: 75%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #C4C4C4;
}
#sidebar p:hover{
	color: #A5CC17;
}
```

 

Tack för hjälpen!

Bilagor:

- [sidebar.gif](https://www.webforum.nu/a/6743.gif)

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

## #2 — aasah, 2005-06-21T15:24Z

Säkert en urdum fråga, men varför har du li-taggar under senaste? Kan du inte ta bort dom då? :q

Alltså, jag menar, finns det inget sett att ha samma typ av element i Senaste som i kommentarer?

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

## #3 — silfver, 2005-06-21T15:34Z

Du kan inte ha ett annat block-element i en header. Alltså, ingen ul i h5.

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

## #4 — m_soderlund, 2005-06-21T15:34Z

Ah. Du får ju använda dig av padding i li-elementet:

```
li { padding-left: 20px;
```

Då bör texten hamna mer till höger.

Jag skrev en artikel om detta för ett tag sedan: [Att göra attraktivare listor](http://www.dileno.com/default.aspx?CatId=4&ArtId=5). ;)

**/r** plus att man precis som silver skriver inte kan ha ett  block-levelelement i ett annat.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130372-problem-med-li