problem med <p>

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

Med margin-bottom, tex:

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

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>

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

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>

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?

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å...

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? :)

Är inte hx deprecated?

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

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;}

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 <hn> 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.

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;}

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

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

h1 {
 /* CSS här */
}

<h1>Rubrik</h1>

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

ö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; }

En av anledningarna till att man bör använda <hn> 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 <hn> 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.