---
title: "Två kolumner i punktlista?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/182900-två-kolumner-i-punktlista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "lbs129"
published: "2010-03-21T17:43:33.000Z"
updated: "2010-03-22T22:39:42.000Z"
replies: 7
views: 1986
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/182900-två-kolumner-i-punktlista"
---

# Två kolumner i punktlista?

## #1 — lbs129, 2010-03-21T17:43Z

Hej!

Jag försöker göra så att jag kan ha som en tabell med två kolumner inuti en punktlista, fast inte använda \<table\> utan \<div\> istället. Jag hör försökt en del men det funkade inte bra:

CSS:

```
.lank
{
	width: 100%;
}

.lankextra
{
	width: 35%;
	height: 100%;
	float: right;
}
```

HTML:

```
<div class="lank">
	<div class="lankextra">
	Test! <img src="images/thumb_up.png">
	</div>
	<span class="lankrubrik"><a href="?vad=ut&amp;id=<%=RecSet("id")%>" target="_blank" title="Gå till <%=RecSet("adress")%>"><%=RecSet("rubrik")%></a></span><br>
	<span class="lankbeskrivning"><%=RecSet("beskrivning")%></span><br>
	<span class="lankinfo">Kategori: <a href="?visa=kategori&amp;katid=<%=RecSet("kategori")%>"><%=RecSet("kategorinamn")%></a>&nbsp;|&nbsp;Antal klick: <%=RecSet("antalklick")%>&nbsp;|&nbsp;Inlagd: <%=RecSet("inlagd")%></span>
</div>
```

Det är ungefär så här jag vill ha det:
<http://www.webforum.nu/attachment.php?attachmentid=21454&stc=1&d=1269193360>

Tack på förhand! :)

Mvh Johan

Bilagor:

- [tvakolumner.png](https://www.webforum.nu/a/21454.png)

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

## #2 — Danne V, 2010-03-21T18:08Z

Fattar inte vad den där koden du skickade med skulle göra. Men det borde vara nåt sånt här:

```
<ul>
<li><div class="nånting">blablaba</div></li>
<li><div class="nånting">blablabablabla</div></li>
</ul>
```

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

## #3 — lbs129, 2010-03-21T19:58Z

Hmm, det där blir ju inte två kolumner. Kolla på bilden så förstår du hur jag menar. :)

Mvh Johan

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

## #4 — Danne V, 2010-03-21T20:28Z

> **[lbs129 skrev:](https://www.webforum.nu/p/1500901)**
>
> Hmm, det där blir ju inte två kolumner. Kolla på bilden så förstår du hur jag menar. :)
> 
> Mvh Johan

Heh.. ok, men alltså: Du får ju själv göra kolumnerna inuti \<li\>-taggarna. Inte fan vet jag hur du vill att dom ska se ut.  ;)

Men ok, testa att lägga nånting som det innanför varje list-tag då:

```
<div style="border:1px solid #000;"><div style="float:left; border-right:1px solid #000;">blablabla</div><div>blabla</div></div>
```

Stilsätt som du vill.

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

## #5 — lbs129, 2010-03-21T20:35Z

Det var just grejen att göra kolumner som jag inte fixade nåt bra... Men jag tror jag fattade nu vad som var fel. Jag satte bredden på den högra kolumnen och float:right på den, fast man skulle sätta bredden på den vänstra och ha float:left. Jag gjorde en snabbkoll med din kod och det verkar stämma men ska kolla ordentligt lite senare.

Tack för hjälpen! :)

Mvh Johan

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

## #6 — Fuel, 2010-03-22T12:54Z

Kör display: display: table; table-row; display: table-cell; på lista & div

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

## #7 — lbs129, 2010-03-22T20:33Z

> **[Fuel skrev:](https://www.webforum.nu/p/1500944)**
>
> Kör display: display: table; table-row; display: table-cell; på lista & div

Tackar, ska testas!
Men menar du alltså att jag ska ha display:table på li-taggen eller på en container-div?

Mvh Johan

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

## #8 — Danne V, 2010-03-22T22:39Z

> **[Fuel skrev:](https://www.webforum.nu/p/1500944)**
>
> Kör display: display: table; table-row; display: table-cell; på lista & div

Njae.... tanken är god, men jag har tyvärr för mig att det inte funkar särskilt bra i många webbläsare. Bl.a. tror jag det är IE7 som inte klarar detta (hinner inte kolla just nu...).

Red: Hittade nyss denna som bekräftar vad jag skrev ovan: <http://www.quirksmode.org/css/display.html>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/182900-två-kolumner-i-punktlista