---
title: "Listproblem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130469-listproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-06-23T11:06:09.000Z"
updated: "2005-06-23T12:38:34.000Z"
replies: 10
views: 370
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/130469-listproblem"
---

# Listproblem

## #1 — maqe, 2005-06-23T11:06Z

Jag använder inte tabeller i den mån det går att slippa det men när man ska göra en lista med rubriker och brödtext hur löser man det på snyggast sett?
Alltså vad jag försöker skapa är en tabelliknande struktur med 3 kolumner och 2 rader med rubrik o dom tre översta kolumnerna och brödtext i dom undre kolumnerna. Ska man göra en lista i en lista?

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

## #2 — Insider, 2005-06-23T11:27Z

Det handlar ju om vad det är för innehåll.
Vad vill du visa för något?

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

## #3 — maqe, 2005-06-23T11:33Z

det är bara text jag skall visa med med rubrik och brödtext

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

## #4 — joel_sundkvist, 2005-06-23T11:48Z

Det låter precis som att det är tabell du skall använda om jag uppfattat dig rätt. Man ska inte gå över ån efter vatten ;)

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

## #5 — maqe, 2005-06-23T11:51Z

Okay, det är de jag gör nu men då skiter sig valideringen och WAI tänket väl :)

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

## #6 — Insider, 2005-06-23T12:00Z

Om det är textstycken du vill dela upp i 3 kolumner, sida vid sida så är det nog fel med en tabell och lika fel med en lista.

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

## #7 — Troxy, 2005-06-23T12:06Z

I detta fall är det väl då \<div\> som gäller?

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

## #8 — maqe, 2005-06-23T12:14Z

Ok

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

## #9 — K@llen, 2005-06-23T12:23Z

Sätter du float: left på alla tre divvarna så bör de hamna bredvid varandra i kolumner.

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

## #10 — zcorpan, 2005-06-23T12:36Z

```
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title lang="sv">Kolumner</title>
  <style type="text/css">
   .section { min-width:5em; width:31%; max-width:30em; padding:0 1%; float:left; }
  </style>
 </head>
 <body>
  <h1 lang="sv">Kolumner</h1>
  <div class="section">
   <h2>foo</h2>
   <p lang="la">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam scelerisque
   arcu a sem. Quisque rutrum ipsum vel ligula. Morbi quam. Nam ac mi. Etiam auctor
   viverra turpis. Mauris mauris. Quisque et nisl. Aliquam pellentesque, augue in
   eleifend consequat, velit tellus vestibulum nisl, at gravida odio enim sed risus.
   Integer dapibus, elit vitae volutpat placerat, purus ante porta pede, id interdum
   tortor neque ut ante. Praesent facilisis wisi ac pede.</p>
  </div>
  <div class="section">
   <h2>bar</h2>
   <p lang="la">Fusce sollicitudin. Morbi id risus. Donec risus nibh, facilisis a, rutrum
   et, ornare at, sem. Fusce at tortor. Maecenas felis enim, ultricies porta, sodales a,
   auctor vitae, dolor. Nullam mi elit, accumsan vel, porttitor lacinia, facilisis nec,
   risus. Maecenas vitae nibh ut lectus ornare congue. Nam sed urna a odio aliquam
   tincidunt. Sed eget tortor at est varius pellentesque. Nam id leo. Morbi suscipit
   volutpat diam. Aliquam erat volutpat. Fusce tincidunt bibendum justo.</p>
  </div>
  <div class="section">
   <h2>baz</h2>
   <p lang="la">Nullam blandit lorem non purus. Nullam sapien pede, dictum eget,
   facilisis et, tempus et, wisi. Integer ut neque. Sed auctor dolor in leo. Maecenas
   wisi. Etiam et felis at libero facilisis elementum. Donec pharetra. Nullam lacus
   felis, auctor eu, volutpat vitae, commodo sed, ante. Fusce ultrices, velit id
   ullamcorper accumsan, diam purus cursus diam, a viverra risus nunc non urna. Donec nec
   nisl quis urna faucibus rhoncus. Etiam aliquet lacus nec turpis. Cras dolor tellus,
   vulputate ut, volutpat et, cursus tristique, elit. Vivamus rhoncus tristique nunc.
   Nullam risus tortor, tempus eget, bibendum vehicula, porttitor et, sapien.</p>
  </div>
 </body>
</html>
```

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

## #11 — maqe, 2005-06-23T12:38Z

Det blev ju vettigt ... tack för hjälpen ...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130469-listproblem
