---
title: "knäck den här nötet?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159401-knäck-den-här-nötet"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "rikard81"
published: "2007-04-18T09:23:06.000Z"
updated: "2007-04-18T15:54:58.000Z"
replies: 9
views: 612
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/159401-knäck-den-här-nötet"
---

# knäck den här nötet?

## #1 — rikard81, 2007-04-18T09:23Z

Håller på med en sida i CSS. Den är långt ifrån klar så strunta i färger och länkar, text då det är ett test osv. Nu till frågan. Sidan är gjort i ett antal boxar, texten står i sidans kropp. Men jag gillar inte att texten går ända ut i boxens kant. Vill ha den mer ihoptryck i mitten. När jag kodar ditt te.x padding: 20px; så ändras hela boxens storlek?. Hur ska jag göra utan att behöva göra om alla boxar? är nybörjare. Vill inte ha någon kod utan vill lära mig.. Vad kan man göra med padding?

<http://hem.bredband.net/b503624/>

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

## #2 — Tengblad, 2007-04-18T09:25Z

Du kan sätta margin på texten annars ;) Om du t.ex har texten inom p vilket är att föredra för textstycken.

```
p {
margin-left: 20px;
}
```

Vad det gäller padding så blir den en del av storleken. Dvs har du 20px padding på vardera sida så läggs även 40px till boxbredden till. Med andra ord kan du dra bort 40px på den bredd du satt för att få storleken densamma.

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

## #3 — colione, 2007-04-18T10:30Z

Du sätter en class på den boxen. Du kan seda styra boxens padding kant för kant geneom att använda:

```
I denna ordning styr du paddingen
padding: TOP RIGHT BOTTOM LEFT;

Typ:
padding: 5px 10px 15px 20px;

Innebär alltså:
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
```

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

## #4 — rikard81, 2007-04-18T10:33Z

Gjorde så här istället :-)

<http://hem.bredband.net/b503624/>

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

## #5 — bossse, 2007-04-18T10:46Z

Lägga till för taggen P i din css-fil

```
MARGIN:10PX; PADDING:10PX; TEXT-ALIGN:JUSTIFY;
```

Blir väl lite lättare att läsa texten då!

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

## #6 — rikard81, 2007-04-18T10:57Z

Tack Bosse. Det är ju klart det blir. .

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

## #7 — rikard81, 2007-04-18T10:59Z

En grej jag alltid undrat är hur man får texten helt rak på sidorna? (linjärt) hittar ingen info om det.. Och hur får man sidan att se lika dan ut i FF. Vet ej hur den ser ut i IE6. Ser bra ut i IE7 iallafall. Går den igenom valideringen betyder det väl inte att den ser lika dan ut i andra webbläsare.?

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

## #8 — joser, 2007-04-18T11:30Z

p {
text-align: justify;
}

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

## #9 — colione, 2007-04-18T13:36Z

Så här ser den ut i följande läsare: 

- ie6
- ie7
- opera
- firefox
- swift (webkit-läsare för windows, bör alltså motsvara hur den ser ut i safari på mac.)

Bilagor:

- [ie6.PNG](https://www.webforum.nu/a/14381.png)
- [ie7.PNG](https://www.webforum.nu/a/14382.png)
- [opera.PNG](https://www.webforum.nu/a/14383.png)
- [ff.PNG](https://www.webforum.nu/a/14384.png)
- [swift(webkit).PNG](https://www.webforum.nu/a/14385.png)

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

## #10 — rikard81, 2007-04-18T15:54Z

Hur gör jag då för att få den att se likadan ut?  :l

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159401-knäck-den-här-nötet