---
title: "Litet CSS problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/160933-litet-css-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Crozz"
published: "2007-05-30T13:41:16.000Z"
updated: "2007-06-08T21:04:53.000Z"
replies: 27
views: 1073
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/160933-litet-css-problem"
---

# Litet CSS problem

_Sida 1 av 2._

## #1 — Crozz, 2007-05-30T13:41Z

Har ett litet problem med CSS. Ifall du kollar på webdesignskolan och CSS så ser du att man ska tex .linespacing
vad menas med detta? ska jag döpa filen till .linespacing elr linespacing.html. vad ska det vara?

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

## #2 — Koplik, 2007-05-30T13:55Z

Jag förstår inte riktigt vad du är ute efter.
Men enl. <http://photoshopskolan.com/css/css.htm> så förklaras det helt enkelt att du kan ha en klass som heter .linespacing som innehåller line-height: 20px.
Med sedan kan du använda dig av denna klass i t.ex. en omslutande span vilket innehållande element kommer att ärva och därmed sätta på dess text och/eller element. Så länge de inte skrivs över av andra klasser.

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

## #3 — joser, 2007-05-30T14:06Z

Jag tittade på sidan. Felskrivet bara. Det står mallen men de menar **klassen** .linespacing!

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

## #4 — Crozz, 2007-05-30T19:30Z

Nu har jag läst beskrivningen och ändrat som ni sa men det funkar inte. Nått problem som brukar komma?

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

## #5 — symbolism, 2007-05-31T05:22Z

om det är css-filen du snackar om ska den ha filändelsen ".css". I filen kan du lägga hur många olika klasser och attribut för din sida som helst

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

## #6 — symbolism, 2007-05-31T05:23Z

mnen om du har infogat CSS-mallen direkt i html-dokumentet ska filändelsen vara .html

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

## #7 — headbug, 2007-05-31T06:37Z

Posta din kod här då och glöm inte att omsluta den med \[ kod\]  så blir vi glada och hjälper till :)

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

## #8 — _2ejon, 2007-05-31T07:14Z

> **Crozz skrev:**
>
> Har ett litet problem med CSS. Ifall du kollar på webdesignskolan och CSS så ser du att man ska tex .linespacing
> vad menas med detta?

med linespacing menas som översättningen typ, rad mellanrum. Alltså du bestämmer med tex

i css dokumentet
**dincssfil.css**

```
#linespacing {
line-height: 20px
}
```

här bestämmer du att du ska ha 20px radavstånd

och i html dokumentet
**index.html**

```
<head>
<link href="dincssfil.css" rel="stylesheet" type="text/css" />
</head>

...
<div id="linespaving">
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
[B]här lägger du in alla dina meningar[/B]
</div>
...
```

> **Crozz skrev:**
>
> ska jag döpa filen till .linespacing elr linespacing.html. vad ska det vara?

nej! eller det är klart att du kan döpa det till .html och lägga det på samma sida som koden men rekommenderar att du lägger det i en **.css** fil och hämtar den med .html filen med:

```
<head>
<link href="dincssfil.css" rel="stylesheet" type="text/css" />
</head>
```

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

## #9 — voigtann1, 2007-05-31T07:16Z

litet fel:

```
#linespacing {
line-height: 20px
}
```

 
I Exemplet som webbdesign skolan uppge är även en klass (med punkten i början av namnet.

Om du nu Crozz vill använda dig av # eller . är upp till dig. # (id) ska vara unikt medan en klass (.) kan vara på fler än i en tagg.

om du väljer att använda klass:

```
<div class="linespaving">
här lägger du in alla dina meningar
här lägger du in alla dina meningar
här lägger du in alla dina meningar
här lägger du in alla dina meningar
</div>
```

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

## #10 — _2ejon, 2007-05-31T07:19Z

Wopps missade :D Snabb skrev ihop det :p Bra att du rättade mig

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

## #11 — Crozz, 2007-05-31T13:43Z

Här är koderna. Lite andra saker med oxå. Jag brukar jämt testa allt som står. Alltid kul att lära sig nya saker.=)
           CSS dokumentet

```
h1 {font-family: Verdana; font-size:48px}
body {font-family: Verdana; font-size:20px}
body {background-color: #CCCC99;}
ul {list-style-type: square}
h2 {font-family: verdana; font-size:30px}
.linespacing {line-height: 20px}
```

       HTML Dokumentet

```
 
<center>
<html>
<head>
<title>Hemsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">
<p class="linespacing">Å vi e AIK</p>
</head>
<body>
<h1>Haha</h1>
Detta är kul!
<ul>
<li>
<li>
<li>
</ul>
<p>
<table width="350" border="25" cellpadding="25" cellspacing="25">
<tr>
<td>
</td>
</tr>
</table>
</center>
</body>
</html>
```

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

## #12 — silfver, 2007-05-31T14:28Z

Det kan bli lite svårt att se skillnad på .linespacing ifall du inte har text som går på flera rader.

Sen kan du inte ha \<center\>- och \<p\>-taggen innan html och head. :p Det ska vara mellan \<body\>.

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

## #13 — voigtann1, 2007-05-31T14:34Z

```
<html>
  <head>
    <title>Hemsida</title>
    <link href="css1.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <center>
      <p class="linespacing">Å vi e AIK</p>
      <h1>Haha</h1>
      Detta är kul!
      <ul>
        <li>[b]Lista1</li>[/b]
        <li>[b]Lista 2</li>[/b]
        <li>[b]Lista 3</li>[/b]
      </ul>
      <p>
      <table width="350" border="25" cellpadding="25" cellspacing="25">
        <tr>
          <td>[b]Tabell[/b]</td>
        </tr>
      </table>
      [b]</p>[/b]
    </center>
  </body>
</html>
```

De texter som är fet markerade är det du saknade :)

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

## #14 — silfver, 2007-05-31T14:35Z

voigtann1: Du kan ju inte ha en tabell innanför en p-tagg. :)

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

## #15 — voigtann1, 2007-05-31T14:46Z

klart jag kan :P ser du ju :P

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

## #16 — Danne V, 2007-05-31T15:52Z

> **silfver skrev:**
>
> voigtann1: Du kan ju inte ha en tabell innanför en p-tagg. :)

Går utmärkt. Vanligt när man t.ex. har en liten tidtabell eller liknande "faktaruta" floatad intuti en textmassa.

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

## #17 — zcorpan, 2007-05-31T16:13Z

silfver har rätt. :) Det är inte tillåtet att ha TABLE i P. Enligt HTML4 borde dessutom tabellen vara syskon till stycket istället för barn till stycket, dvs följande är ekvivalenta:

```
<p>foo<table>
```

```
<p>foo</p><table>
```

(...och \</p\> taggen är valbar.)

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

## #18 — Lasp, 2007-05-31T16:58Z

Ja men snygg blev det ;-)

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

## #19 — Danne V, 2007-05-31T17:19Z

> **zcorpan skrev:**
>
> silfver har rätt. :) Det är inte tillåtet att ha TABLE i P. Enligt HTML4 borde dessutom tabellen vara syskon till stycket istället för barn till stycket, dvs följande är ekvivalenta:
>
> ```
> <p>foo<table>
> ```
>
>
>
> ```
> <p>foo</p><table>
> ```
>
> 
> (...och \</p\> taggen är valbar.)

Va??? Det var en överraskning!   :o Åkej, om Det Allsmäktiga W3C säger att det är "fel" så är det väl fel eftersom det väl är deras rekommendationer som är måttstocken. Men varför?

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

## #20 — zcorpan, 2007-05-31T17:31Z

> **Danne V skrev:**
>
> Men varför?

Jag vet inte. Vi kanske kan få det ändrat till HTML5 dock. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/160933-litet-css-problem  
Nästa sida: https://www.webforum.nu/amne/html-css/160933-litet-css-problem/page2.md
