---
title: "tabellformatering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/83507-tabellformatering"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "plelkes"
published: "2003-08-05T13:02:04.000Z"
updated: "2003-08-17T19:26:03.000Z"
replies: 5
views: 413
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/83507-tabellformatering"
---
# tabellformatering
## #1 — plelkes, 2003-08-05T13:02Z
Hej,
jag håller på att slita mitt hår med en tabell med 4 kolumner och 30 rader. Mitt problem är att jag försöker formatera tabellcellen på följande sätt:
- cellerna i varje kolumn har olika bredd, men samma höjd
- cellerna har "border" i underkanten enbart
Tacksam för hjälp med tabellen. Jag tror att det vore bäst att använda CSS, men jag får ej till det... x(
Permalänk: https://www.webforum.nu/p/83507
## #2 — Jesper T, 2003-08-05T14:41Z
Är det något sånt här du menar?
```
```
Permalänk: https://www.webforum.nu/p/1129958
## #3 — bossse, 2003-08-06T08:29Z
Har gjort ett exempel med css. Kanske det var ungefär så du menade?
```
```
Permalänk: https://www.webforum.nu/p/1130360
## #4 — plelkes, 2003-08-17T10:48Z
Hej igen,
nu har jag gjort mitt livs första stilmall..
Det blev en tabell. Jag är nöjd med [resultatet](http://www31.brinkster.com/plelkesprojekt/test_css.html) , Men skulle villja att ni gurus slängde ett getöga på nedanstående kod:
```
Untitled Document
CONTENT="text/html">
```
- Blev koden rätt, eller är det bara sinkadus att allt funkar som jag vill?
- Förslag på saker som jag skulle skriva annorlunda?
Permalänk: https://www.webforum.nu/p/1139624
## #5 — plelkes, 2003-08-17T17:12Z
I väntan på domen från Er - domen om att jag gjort rätt eller fle - har jag funderat vidare..
Vi skall man kunna göra så här?
```
.table {
width: 350px;
celplpading: none;
cellspacing: none;
background-color: #CCCCCC;
border-collapse:collapse;
border: 1px solid #000000;
}
.tdmitt {
width: 250px;
height: 35px;
celplpading: 2px;
cellspacing: 2px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.tdright {
width: 50px;
height: 35px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
-->
```
dvs lägga spacing och peding på cellnivå??
Om ni tittar på [denna sida](http://www31.brinkster.com/plelkesprojekt/skirvbords4.asp) och väljer januari på månad:
kan jag på nå´t sätt använda css på tex Onsdag och nyårsdagen?
Typ fonten och texternas placering?
Och bör jag använda css till detta?
Permalänk: https://www.webforum.nu/p/1139904
## #6 — jarvklo, 2003-08-17T19:26Z
> Blev koden rätt, eller är det bara sinkadus att allt funkar som jag vill?
Jupp... Validering ger dig bra betyg:
> Congratulations!
> This document validates as CSS!
och
> This Page Is Valid HTML 4.01 Transitional!
> Förslag på saker som jag skulle skriva annorlunda?
Hmm...
Smaken är som baken! Du har gjort rätt - så det är inte mycket att orda om...
Om du fiskar efter tips med frågan så ;) :
Om alla fyra värdena för en viss stil är samma, så kan man skriva den lite förkortat om man vill.
```
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
```
kan t.ex. förkortas till
```
border-color: #000000;
```
Samma sak gäller border-width: och border-style: för övrigt..
Men som sagt - det är detaljer och man \*måste\* inte alltid förkorta/optimera om man inte vill !
> Vi skall man kunna göra så här?
Hmm... Njae... inte direkt...
```
celplpading: none;
cellspacing: none;
```
är tyvärr inte giltig CSS...
Du kan använda
```
padding:0;
```
för cellerna istället för cellpadding, men motsvarigheten till cellspacing (som heter border-spacing) i CSS funkar inte i speciellt många webbläsare och framförallt inte i MSIE.
Sedan har jag för mig att man inte kan kombinera border-spacing med border-collapse:collapse, men jag har inte kollat upp det så noga så det kan vara en missuppfattning...
Det är inte fel att använda cellpadding=".." och cellapscing=".." i \ - tvärtom, det är, enligt min mening, antagligen det säkraste sättet att få som man vill om man har en design som bygger på en kombination av dessa två värden i en tabell
Men om du bara vill ha bort avståndet mellan cellerna och paddingen inuti dem så skall det räcka med CSS-koden
```
border-collapse:collapse
```
på table och
```
padding:0
```
för cellerna för att få till \*den\* effekten... Och där är du ju i princip redan ;)
Lycka till med stilmallandet!
:bire
Permalänk: https://www.webforum.nu/p/1139989
---
Tråden på webben: https://www.webforum.nu/amne/html-css/83507-tabellformatering