---
title: "Skapa en tabell med css..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/135961-skapa-en-tabell-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nummersju"
published: "2005-10-18T20:25:51.000Z"
updated: "2005-10-19T07:53:36.000Z"
replies: 4
views: 394
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/135961-skapa-en-tabell-med-css"
---

# Skapa en tabell med css...

## #1 — nummersju, 2005-10-18T20:25Z

Hej hej!
Min pappa, webbdesignlärare, kom in och frågade mig hur man gör en sådan här tabell i css.
 ![](http://www.webforum.nu/attachment.php?attachmentid=8158&stc=1)

Eftersom jag förespråkar CSS och Xthml tänkte han att jag borde ha svar på detta, något som jag inte hade :P Så jag undrar er hur man på lättast sätt gör en sådan "tabell" i css-divvar eller vad som nu är enklast.

Tack för svar! :)

Bilagor:

- [tabell_css.gif](https://www.webforum.nu/a/8158.gif)

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

## #2 — Melea, 2005-10-18T20:27Z

Alltså, om en tabell gynnar ändåmålet ska det självklart användas en tabell. Inte en massa klåttrig CSS-kod. :)

**/r** well, nu blev det inget svar på din fråga. ;) hmpf!  :p

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

## #3 — zcorpan, 2005-10-18T21:12Z

```
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Tabell med CSS</title>
  <style type="text/css">
   body { display:table; border-collapse:collapse; width:10em; height:10em; margin:1em; }
   div { display:table-row; }
   span { display:table-cell; border:thin solid; }
   span + span { width:65%; }
  </style>
 </head>
 <body>
  <div><span/><span/></div>
  <div><span/><span/></div>
 </body>
</html>
```

Nåt sånt?  :)

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

## #4 — Jonasy, 2005-10-19T07:01Z

Precis som Melea säger skall du använda \<table\> för tabulär data. Att använda en lösning som zcorpan visar är helt semantiskt förkastligt. Så du svarade ju på hans fråga, Melea. 

Ett bra tips är att använda \<thead\> och \<tbody\> för att definera vad som är datat och vad som är rubriker i tabellen, detta hjälper skärmuppläsare + att det blir enklare att skriva CSS:en.

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

## #5 — bossse, 2005-10-19T07:53Z

```
<html>
<head>
<style type="text/css">
table 
{width:200px; 
height:300px;
border:1px solid black; 
border-collapse:collapse; 
}
td 
{border:1px solid black; 
border-collapse:collapse;}
.kolumn 
{width:35%; 
height:50%}
</style>
 </head>
<body>
  <table>
<tr>
<td class=kolumn>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td class=kolumn>cell 3</td>
<td>cell 4</td>
</tr>
</table>
 </body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/135961-skapa-en-tabell-med-css
