---
title: "skriva om till CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123823-skriva-om-till-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Calevan"
published: "2005-03-06T12:02:50.000Z"
updated: "2005-03-13T13:54:48.000Z"
replies: 32
views: 788
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/123823-skriva-om-till-css"
---

# skriva om till CSS

_Sida 1 av 2._

## #1 — Calevan, 2005-03-06T12:02Z

Hur skriver man i egentligen i CSS? jag verkar göra något rejät fel då det aldrig funkar :(

har nu:
\<table border="1" cellpadding="2" cellspacing="10" width="750" height="560" bordercolorlight="#000000" bordercolordark="#000000"\>

vill ha:
\<table class="huvudtabellen"\>

och så ska all annan info stå i CSS filen, hur skriver jag den? är "class" det rätta att använda?

TACK!

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

## #2 — Steady, 2005-03-06T12:16Z

```
.huvudtabellen {
	border-width: 1px;
	border-color: #000000;
	width: 750px;
	height: 560px;
}
```

```
<table cellspacing="2" cellpadding="10" class="huvudtabellen">
```

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

## #3 — Calevan, 2005-03-06T13:02Z

så cellspacing och cellpadding går inte att skriva i CSS på något sätt?

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

## #4 — frankof, 2005-03-06T13:11Z

> **Calevan skrev:**
>
> så cellspacing och cellpadding går inte att skriva i CSS på något sätt?

Varför skall du? det finns ingen anledning.

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

## #5 — shun, 2005-03-06T13:20Z

Du kan ju använda dig av

```
.huvudtabellen td{
margin: 2px;
padding: 10px;
}
```

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

## #6 — Calevan, 2005-03-06T13:37Z

> **frankof skrev:**
>
> > **Calevan skrev:**
> >
> > så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
>
> 
> Varför skall du? det finns ingen anledning.

det är snyggt att ha allt som styr utseendet på samma ställe.

> **shun skrev:**
>
> Du kan ju använda dig av
>
>
> ```
> .huvudtabellen td{
> margin: 2px;
> padding: 10px;
> }
> ```

det där fick jag inte att fungera alls, funkar verkligen det? paddingen är ju en egenskap hos \<table\> och inte på \<td\> (ialla fall inte i mitt fall)

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

## #7 — frankof, 2005-03-06T13:47Z

> **Calevan skrev:**
>
> > **shun skrev:**
> >
> > Du kan ju använda dig av
> >
> >
> > ```
> > .huvudtabellen td{
> > margin: 2px;
> > padding: 10px;
> > }
> > ```
>
> 
> 
> det där fick jag inte att fungera alls, funkar verkligen det? paddingen är ju en egenskap hos \<table\> och inte på \<td\> (ialla fall inte i mitt fall)

det var just det, cellpadding är en egenskp för table, skall du använda css måste du sätta formateringen på det elementet som berörs, \<td\> i detta fallet.

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

## #8 — dectgap, 2005-03-06T19:31Z

> **frankof skrev:**
>
> > **Calevan skrev:**
> >
> > så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
>
> 
> Varför skall du? det finns ingen anledning.

Menar du att det inte finns någon anledning att låta CSS sköta utseendet av elementen?
I så fall har du nog missuppfattat ett och annat.

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

## #9 — frankof, 2005-03-06T19:52Z

> **dectgap skrev:**
>
> > **frankof skrev:**
> >
> > > **Calevan skrev:**
> > >
> > > så cellspacing och cellpadding går inte att skriva i CSS på något sätt?
> >
> > 
> > Varför skall du? det finns ingen anledning.
>
> 
> 
> Menar du att det inte finns någon anledning att låta CSS sköta utseendet av elementen?
> I så fall har du nog missuppfattat ett och annat.

jaja missförstå bara och se om det för diskutionen framåt.
cellspacing/-padding är en fullt godkänd attribut till table.
I detta specifika fallet blir det litet konstigt att använda css, eftersom det inte fungerar ;)
sätter du margin på en cell mha css händer inte mycket, och ivarje fall inget som påminner om cellspacing.

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

## #10 — bossse, 2005-03-06T21:04Z

Var det så här du vill ha det Calevan
All design med enbart css.
Visas lika i Firefox och Ie.

\<html\> 
\<head\> 
\<style type="text/css"\> 
table 
{ 
width:750px; height:560px;
border:1px solid #000000; 
border-collapse: separate; 
empty-cells:show;
} 
td 
{
background-color: gray; 
border:solid white; 
border-width: 8px;
padding-left:2px;
} 
\</style\> 
\</head\> 
\<body\> 
\<table\> 
\<tr\> 
\<td\>Cell 1\</td\>
\<td\>Cell 2\</td\>
\</tr\> 
\<tr\> 
\<td\>Cell 3\</td\>
\<td\>Cell 4\</td\>
\</tr\> 
\</table\> 
\</body\> 
\</html\>

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

## #11 — zcorpan, 2005-03-06T23:51Z

Är det så svårt? 

```
table {
	border: 1px solid black;
	border-collapse: separate;
	border-spacing: 10px;
	empty-cells: show;
	width: 750px;
	height: 560px;
}
th, td { border: 1px solid black; }
```

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

## #12 — frankof, 2005-03-06T23:56Z

> **zcorpan skrev:**
>
> Är det så svårt?

Nä ;) det var border-spacing jag inte hittade :e

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

## #13 — bossse, 2005-03-07T11:36Z

Jag får ingen spacing 10px när jag textar zcorpan´s kod!

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

## #14 — frankof, 2005-03-07T11:39Z

> **bossse skrev:**
>
> Jag får ingen spacing 10px när jag textar zcorpan´s kod!

Tja, denna koden fungerar för mig:

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="Author" content="Frank Ofstad">
<style type="text/css">
.tabellen {
	border: 1px solid red;
	border-spacing:10px;
	width: 750px;
	height: 560px;}
td	{padding: 30px; background-color:#cfcfcf;}
</style>
<title></title>
</head> 
<body>
<table class="tabellen">
<tr><td>p</td>
<td>s</td>
<td>d</td>
</tr>
<tr><td>df</td>
<td>v</td>
<td>v</td></tr>
<tr><td>v</td>
<td>vb</td>
<td>bn</td></tr>
</table>
</body> 
</html>
```

R: glömde en "\>" :r

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

## #15 — icaaq, 2005-03-07T12:26Z

> **frankof skrev:**
>
> > **bossse skrev:**
> >
> > Jag får ingen spacing 10px när jag textar zcorpan´s kod!
>
> 
> Tja, denna koden fungerar för mig:
>
>
> ```
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html> 
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <meta name="Author" content="Frank Ofstad">
> <style type="text/css">
> .tabellen {
> 	border: 1px solid red;
> 	border-spacing:10px;
> 	width: 750px;
> 	height: 560px;}
> td	{padding: 30px; background-color:#cfcfcf;}
> </style>
> <title></title>
> </head> 
> <body>
> <table class="tabellen">
> <tr><td>p</td>
> <td>s</td>
> <td>d</td>
> </tr>
> <tr><td>df</td>
> <td>v</td>
> <td>v</td></tr>
> <tr><td>v</td>
> <td>vb</td>
> <td>bn</td></tr>
> </table>
> </body> 
> </html
> ```

Inte i IE, då IE inte stöder border-spacing ;)

<http://blooberry.com/indexdot/css/properties/table/bspace.htm>

mv icaaq

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

## #16 — frankof, 2005-03-07T12:28Z

> **icaaq skrev:**
>
> Inte i IE, då IE inte stöder border-spacing ;)
> 
> <http://blooberry.com/indexdot/css/properties/table/bspace.htm>
> 
> mv icaaq

Varför envisas folk med att använda IE x(  ;) :e

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

## #17 — zcorpan, 2005-03-07T14:13Z

```
<!--[if IE]> <table cellspacing="10"> <![endif]-->
<!--[if !IE]> <--> <table> <!--> <![endif]-->
```

Äh! :D

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

## #18 — oskob, 2005-03-10T17:12Z

Vad är det för skillnad mellan:

\#hej {blabla}
\<tag id="hej"\>

och

.hej {blabla}
\<tag class="hej"\>

'?

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

## #19 — Okkido, 2005-03-10T17:14Z

id använder du bara en gång.
class kan du använda flera gånger.

Typ. Du har ett ID-kort. Det är ditt personliga kort som ingen annan har. Men en class, ja i en skolklass går det en massa barn. Bra jämförelse va?

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

## #20 — oskob, 2005-03-10T17:39Z

Ja massor. Det är nog jag som är dum.
Det går alltså inte att skriva

\<p id="hej"\>Kakor är trevliga.\</p\>
\<p id="hej"\>Med strössel på\</p\>

. (?!)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123823-skriva-om-till-css  
Nästa sida: https://www.webforum.nu/amne/html-css/123823-skriva-om-till-css/page2.md