---
title: "Snygga tabeller"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/109726-snygga-tabeller"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aasah"
published: "2004-08-20T18:54:07.000Z"
updated: "2004-08-25T08:39:02.000Z"
replies: 22
views: 1401
page: 1
pages: 2
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/109726-snygga-tabeller"
---

# Snygga tabeller

_Sida 1 av 2._

## #1 — aasah, 2004-08-20T18:54Z

Skratta inte är ni snälla, men hur får man snygga tabeller?  :q 

Kan man läsa sig till någonstans hur de vertikala och horisontella "strecken" i en tabell kan ändra utseende? För att få idéer att testa med... Tjocklek, färg den typen av attribut.

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

## #2 — Pedda, 2004-08-20T19:00Z

Det kan du med hjälp av css enklast.
<http://www.w3schools.com/css/css_reference.asp#border>

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

## #3 — Tinwëlint, 2004-08-20T21:43Z

w3c's css2-rekommendation är också bra information även om det kanske inte är något ställe man tittar på för inspiration. Här delen om tabeller:
<http://www.w3.org/TR/1998/REC-CSS2-19980512/tables.html>

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

## #4 — walter groupius, 2004-08-21T21:31Z

tabeller är inget att ägna sig åt!

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

## #5 — frankof, 2004-08-21T23:38Z

> **walter groupius skrev:**
>
> tabeller är inget att ägna sig åt!

Nä, men borders är ;) kan sättas på "alla" element.

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

## #6 — walter groupius, 2004-08-22T00:20Z

Nåja, i alla fall sålänge man menar i CSS!, border är i de flesta fall inte tillåtet i xhtml. Det är "deprecated".

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

## #7 — Skarre, 2004-08-22T03:54Z

> **walter groupius skrev:**
>
> tabeller är inget att ägna sig åt!

Jodå.

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

## #8 — Peeer, 2004-08-22T06:42Z

> **walter groupius skrev:**
>
> tabeller är inget att ägna sig åt!

Vad är det för fel på tabeller? Hur gör du när du ska presentera tabulär data (typ en serietabell)?

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

## #9 — frankof, 2004-08-22T11:14Z

> **walter groupius skrev:**
>
> Nåja, i alla fall sålänge man menar i CSS!, border är i de flesta fall inte tillåtet i xhtml. Det är "deprecated".

&nbsp; :q är väl ingen som använder annat än css för att påverka utseendet längre? ;)

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

## #10 — aasah, 2004-08-22T15:17Z

Tack för tipsen, Pedda och Tinwëlint! :)

Detta var inte från början avsikten med frågan, men den här tråden verkar ändå bra att skriva i.

Jag skulle vilja skriva om en gammal tabell jag har så att den ser ut som nu, fast mha CSS och inte HTML-taggar. Klasser borde funka utmärkt för att få samma tag att se olika ut på olika håll, så det funkar säkert. Men jag kan alldeles för lite om vad saker heter, så skulle någon vilja hjälpa mig att "översätta" följande till CSS...?

1) \<th align="center" colspan="1" width="18%"\>
Dvs vad heter align, colspan och width för en th i CSS?

2) \<td rowspan="2" colspan="1" align="right"\>
Dvs vad heter align, colspan och rowspan för en td i CSS?

3) Kan man sätta size till relativa värden i CSS, alltså motsvarande \<font size="-1"\> ? Hur?

4) Hur anger man att något ska vara fetstil?

Tacksam för hjälp!

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

## #11 — dectgap, 2004-08-22T15:39Z

1)
2)

HTML-attributet "align" ersätts med CSS-egenskapen "[text-align](http://www.w3.org/TR/CSS21/text.html#propdef-text-align)".
HTML-attributet "width" ersätts med CSS-egenskapen "[width](http://www.w3.org/TR/CSS21/visudet.html#propdef-width)".
HTML-attribtutet "colspan" kan inte ersättas.

3) Ja. Du kan använda en mängd enheter, t ex "em", "%", "larger", "smaller".
Läs mer:
<http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size>

4) Genom "font-weight: bold".

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

## #12 — aasah, 2004-08-22T17:38Z

Tackar, dectgap! :D

> **dectgap skrev:**
>
> ... HTML-attribtutet "colspan" kan inte ersättas....

Men man kan väl blanda HTML och CSS?
Så att resten definieras i CSS och man får taggen till:
\<th colspan="2"\>, eller? :q

Glömde en väsentlig rad som också kräver översättning:
\<table cellpadding="2" cellspacing="0" border="1" width="100%"\>

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

## #13 — Peeer, 2004-08-22T18:05Z

Du kan blanda css och html ja.
[padding](http://www.devguru.com/Technologies/css/quickref/css_padding.html)
[border](http://www.devguru.com/Technologies/css/quickref/css_border.html)
[width](http://www.devguru.com/Technologies/css/quickref/css_width.html)
[borderspacing](http://www.devguru.com/Technologies/css/quickref/css_borderspacing.html) (som inte stöds av någon browser i dagsläget)

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

## #14 — Tinwëlint, 2004-08-22T19:45Z

> **Peeer skrev:**
>
> borderspacing (som inte stöds av någon browser i dagsläget)

 

Förutom Opera och Firefox då ;)
Provade helt enkelt. Dåligt uppdaterat på Dev Guru.

> **aasah skrev:**
>
> Glömde en väsentlig rad som också kräver översättning:
> \<table cellpadding="2" cellspacing="0" border="1" width="100%"\>

 

```
table {
border: 1px solid FÄRG;
border-collapse: collapse;
width: 100%
}

td {
padding: 2px;
}
```

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

## #15 — walter groupius, 2004-08-22T21:36Z

> **Peeer skrev:**
>
> > **walter groupius skrev:**
> >
> > tabeller är inget att ägna sig åt!
>
> Vad är det för fel på tabeller? Hur gör du när du ska presentera tabulär data (typ en serietabell)?

\- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata. 
Att exempelvis presendera ett gäng bilder på en sida går utmärkt att göra utan tabeller.

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

## #16 — Tinwëlint, 2004-08-23T15:33Z

> **walter groupius skrev:**
>
> \- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata.
> Att exempelvis presendera ett gäng bilder på en sida går utmärkt att göra utan tabeller.

 

Ja men att då säga:

> **walter groupius skrev:**
>
> tabeller är inget att ägna sig åt!

 

Är att ta i. Tabeller *är* något att ägna sig åt. Tabulärdata presenteras vettigast i tabeller och om man då hävdar att man inte bör ägna sig åt tabeller och använder fåniga lösningar som [den här](http://www.tbrown.org/ideas/tabularlist/) så är man ute och cyklar.
Jag vet att du inte menade det. Men ditt första inlägg var onödigt.

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

## #17 — Skarre, 2004-08-23T20:30Z

De som precis blivit frälsta av CSS och dissar tabeller för att "det är coolt att dissa tabeller" är så fruktansvärt tröttsamma, men framför allt fjantiga.

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

## #18 — Tinwëlint, 2004-08-23T20:41Z

Jag undrar om 7 månader räknas som nyss frälst  :p 
I såna fall kanske jag ligger illa till. Fast jag tycker att det är en ganska bra utveckling när man har hållit på i 10-11 månader totalt (med att skriva html).

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

## #19 — Skarre, 2004-08-23T21:34Z

> **walter groupius skrev:**
>
> \- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata.

Om du har tid och lust att backa upp detta påstående kan du väl lösa problemen jag presenterar i trådarna nedan, utan tabeller? Det vore jättesjyst, och det räcker om det fungerar i Netscape \>= 6, IE \>= 5, Opera \>= 5 och FireFox.

<http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=104121>
<http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=77093>

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

## #20 — Skarre, 2004-08-23T21:39Z

> **Tinwëlint skrev:**
>
> Jag undrar om 7 månader räknas som nyss frälst  :p

Jag syftade naturligtvis på "walter groupius" i mitt tidigare inlägg.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/109726-snygga-tabeller  
Nästa sida: https://www.webforum.nu/amne/html-css/109726-snygga-tabeller/page2.md
