webForumDet fria alternativet

Hej! Hjälp med höjd på en <p> i css

HTML & CSS

4 svar · 289 visningar · startad av Sus1975

Medlem sedan okt. 20069 inlägg
Frågan#1

Hej!
Finns det någon här som kan hjälpa mig med att sätta en höjd på mellanrummet mellan textstycken?
Jag använder dreamweaver och har i css satt en höjd på <p> som ser ut så här:
p
{
margin-top: -10px;
}
jag är nöjd med avståndet som blir mellan textstyckena men nu klipper den av översta raden på mitten så det måste fattas något.
Skulle bli jätteglad om nå´n kunde hjälpa mig med detta.
//Sus

Medlem sedan sep. 2006867 inlägg
#2

Margin-top påverkar inte höjden, den påverkar det luftutrymme som finns runt, utanför själva <p>-taggen, dvs avstånd till nästa element, tex nästa <p>-tag eller vad du nu har. När du sätter margin-top till -10px säger du faktiskt till layouten att den skall lägga sig 10 pixlar in i elementet ovanför så det är aldeles korrekt beteende att din första rad blir uppäten.

Jag föreslår att du tar dig en titt på http://www.wpdfd.com/editorial/basics/cssbasics7.html

Medlem sedan aug. 20051 448 inlägg
#3

jag föreslår att du gör såhär istället

p {
margin:0 0 10px 0;
line-height:18px;
}
Medlem sedan apr. 200312 679 inlägg
#4

Eller så här:

p {
    padding: 0 0 10px;
    line-height: 150%;
}
Medlem sedan okt. 20069 inlägg
#5

Tack för hjälpen allihop!
;)

425 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
299 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)