---
title: "Skapa hitlist med text till höger om en bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183534-skapa-hitlist-med-text-till-höger-om-en-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LimeS"
published: "2010-05-19T07:07:49.000Z"
updated: "2010-05-19T16:59:43.000Z"
replies: 7
views: 906
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/183534-skapa-hitlist-med-text-till-höger-om-en-bild"
---

# Skapa hitlist med text till höger om en bild

## #1 — LimeS, 2010-05-19T07:07Z

Hej!

Med tabeller har jag gjort ett tappert försök att skapa en enkel hitlist,
där jag kan lägga upp produkt efter produkt.

Hur gör jag det ordentligt stadigt kontrollerbart med css?
Tabeller har jag märkt är lite lynniga..

Bilagor:

- [hitlistmbild.jpg](https://www.webforum.nu/a/21606.jpg)

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

## #2 — Lawyer, 2010-05-19T13:53Z

**Jag gör ett försök:**

Börja med (X)HTML:

```
<ul class="lista">
   <li>
      <img src="image.jpg" alt="" />
      <div class="text">
      	<a href="#"><h2>Rubrik</h2></a>
      	<p>Brödtext</p>
      	<a href="#">länk</a>
      </div>
   <li>
</ul>
```

och CSS

```
ul. lista li{
	overflow:auto;
}

ul. lista li img{
	float:left;
	margin:0px 0px 0px 10px;
}

ul. lista li .text{
	float:left;
        width:200px;
}
```

overflow:auto; för att floatade element inte hoppar ut ur \<li\>
div.text för att hålla texten till höger så att den inte lägger sig under bilden när det blir för mkt text

Testa och berätta hur det gick!

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

## #3 — LimeS, 2010-05-19T14:41Z

Tack så mycket för att du hjälper mig! :D Dessvärre gick det inte alls..

<http://gosverige.se>

Jag la upp det i sidebar, på förstasidan längst ned till höger, 
under den synnerligen välformulerade rubriken "ajkhsdjkashd" :D

Vad missar jag?!

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

## #4 — voigtann1, 2010-05-19T14:44Z

Lägg upp CSS koden

Lawyer skriver felaktig CSS:

```
ul.lista li{
	overflow:auto;
}

ul.lista li img{
	float:left;
	margin:0px 0px 0px 10px;
}

ul.lista li .text{
	float:left;
        width:200px;
}
```

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

## #5 — LimeS, 2010-05-19T15:11Z

Haha, jag tjöt just "oiiiiiiiiiiiii" : Det funkade! TACK!

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

## #6 — Lawyer, 2010-05-19T15:18Z

Ah hade visst lite brottom där!
tack för fixet!

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

## #7 — LimeS, 2010-05-19T15:54Z

NÖÖÖJD! Tusen tusen tack! :D Det fungerade utmärkt! Jag stilar vidare men
det går klockrent, TACK!

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

## #8 — Lawyer, 2010-05-19T16:59Z

Allright :) 
Snygg sida förresten, I like it! Markera gärna tråden som löst.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183534-skapa-hitlist-med-text-till-höger-om-en-bild