---
title: "problem med <p>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/100276-problem-med-p"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2004-03-25T13:06:25.000Z"
updated: "2004-03-26T21:35:26.000Z"
replies: 16
views: 405
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/100276-problem-med-p"
---

# problem med <p>

## #1 — silfver, 2004-03-25T13:06Z

hejsan!

Har sökt runt lite, och hittade att man kan ändra marginalen på en p-tagg. \<p style="margin: 0px;".

Men... mitt problem är ett annat. Om man skriver såhär:

\<p\>Rubrik\</p\>
\<p\>text...\</p\>

så kommer det att bli ett -väldigt- stort mellanrum mellan rubriken och texten. Är det möjligt att på något sätt ändra detta? Kan man ändra marginalen på botten också? För om man skriver margin: 0px; så lägger sig paragraferna bara närmre varann, jag vill ha mellanrum neråt men inte uppåt.

Jag vet inte vad jag pratar om längre... Men jag postar tråden ändå.

Mvh

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

## #2 — nitro2k01, 2004-03-25T13:10Z

Med margin-bottom, tex:

```
 
<style type="text/css">
p	{margin: 0px; margin-bottom: 12px;}
</style>
```

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

## #3 — silfver, 2004-03-25T13:11Z

Ja titta så fint. Jag klurade ut det själv också. :)

```
<p id="head" style="margin-bottom: 5px;">Rubrik</p>
<p style="margin: 0px;">text</p>
```

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

## #4 — Web-Tor, 2004-03-25T13:12Z

Ska du skriva en rubrik bör du använda en tagg som är avsedd för detta. T.ex \<h1\>. ;)

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

## #5 — nitro2k01, 2004-03-25T13:13Z

Har du flera rubriker kanske du behöver en class?

```
 
<style type="text/css">
p	{margin: 0px; }
head	{margin-bottom: 5px;}
</style>

<p class="head" >Rubrik</p>
<p>text</p>
```

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

## #6 — nitro2k01, 2004-03-25T13:14Z

> **Web-Tor skrev:**
>
> Ska du skriva en rubrik bör du använda en tagg som är avsedd för detta. T.ex \<h1\>. ;)

Är inte hx deprecated?

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

## #7 — silfver, 2004-03-25T13:18Z

> **nitro2k01 skrev:**
>
> Med margin-bottom, tex:
>
>
> ```
>  
> <style type="text/css">
> p	{margin: 0px; margin-bottom: 12px;}
> </style>
> ```

Föresten, det där funkar ju inte. :)
Blir ju likadant ändå...

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

## #8 — silfver, 2004-03-25T13:19Z

> **Web-Tor skrev:**
>
> Ska du skriva en rubrik bör du använda en tagg som är avsedd för detta. T.ex \<h1\>. ;)

Har jag aldrig testat. :) Kanske dags för det nu då? \*testar\*

h1.head - skriver man så för att ändra i css? :)

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

## #9 — Web-Tor, 2004-03-25T13:21Z

> Är inte hx deprecated?

Det hoppas jag verkligen inte!?
Var har du läst det?

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

## #10 — silfver, 2004-03-25T13:33Z

```
p {
	margin: 0px;}

<h5>Rubrik</h5>
<p>text</p>
```

Det blir ju stora avstånd mellan rubrik och text i vilket fall.
Ska man behöva ändra marginalerna på "h" också?

Hur ändrar man så att samtliga \<h\>-taggar inte har någon margin då? skriver man bara som jag gjorde med \<p\>-taggen?

h {
	margin: 0px;}

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

## #11 — dectgap, 2004-03-25T13:39Z

> **nitro2k01 skrev:**
>
> > **Web-Tor skrev:**
> >
> > Ska du skriva en rubrik bör du använda en tagg som är avsedd för detta. T.ex \<h1\>. ;)
>
> 
> 
> Är inte hx deprecated?

Definitivt inte.
Att kunna använda CSS är verkligen jättebra, men det är fortfarande viktigt att använda rätt taggar (t ex \<h*n*\> för rubriker), även om man kan få ett p-element att se ut som en rubrik genom att endast använda CSS.

Jag vet att det står något om detta i CSS-specifikationen, men jag kan inte hitta det just nu.

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

## #12 — silfver, 2004-03-25T13:41Z

Jag löste det såhär:

```
<h5 id="head">Rubrik</h5>
<p>text</p>
```

css:

```
#head {
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #669900;}
p {
	margin: 0px;}
```

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

## #13 — Flashes, 2004-03-25T13:42Z

Nä, h och h5 är inte samma sak.
Du måste sätta margin:0 på dom taggar du vill ha det på.

Mvh
Jan-Olov

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

## #14 — Web-Tor, 2004-03-25T13:48Z

Är detta huvudrubriken bör du använda \<h1\>. Utseendet ändrar du alltså så här:

```
h1 {
 /* CSS här */
}

<h1>Rubrik</h1>
```

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

## #15 — silfver, 2004-03-25T14:01Z

Såhär då! :)

```
h5 {
	margin-bottom: 0px;}
p {
	margin: 0px;
	font-size: 10px;
	text-align: justify;
	line-height: 150%;}
```

Tack för det Tor! Nu har jag validerat och klarat av allting.
Godkänner mitt egna svar som accepterat. :OO
mvh

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

## #16 — aron, 2004-03-26T12:29Z

övre och undre marginal med css

Så här gör jag funkar fin fint:

ex:

p {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

h1 {  font: 24px "Verdana", sans-serif;  color: #000;  
margin-top: 0.2em;  margin-bottom: 0.2em;  }

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

## #17 — pakmannen, 2004-03-26T21:35Z

En av anledningarna till att man bör använda \<h*n*\>  taggarna för rubriker är att sökmotorer får lättare att kontrollera sidans innehåll och rangordna sidor efter detta. De tar med eventuella rubriker i sina kalkyler och ger sidor med nyckelord som förekommer i dessa "pluspoäng".

Folk använder ju dock detta till att "fuska" med genom att skriva all sin text med \<h*n*\> taggar, och formatera dem så att de liknar vanlig text. Men detta skall man givetvis undvika då det bara gör det svårare för sökmotorerna och de som använder dem.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/100276-problem-med-p