Avatar billede mhoffmann Nybegynder
17. januar 2003 - 18:57 Der er 5 kommentarer og
1 løsning

P & H1 uden linje afstand

Hej

Når jeg bruger <p> eller <h1> til tekst, laver den dobbelt linjeafstand mellem hver linje. Se http://www.i-butikker.dk/exp/default.html

Koden i html filen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<p class="black-12">Test med P</p>
<p class="black-12">Test med P</p>
<p class="black-12">Test med P</p>
<br><br><br><br>
<h1 class="black-12">Test med h1</h1>
<h1 class="black-12">Test med h1</h1>
<h1 class="black-12">Test med h1</h1>
<br><br><br><br>
Normal tekst<br>
Normal tekst<br>
Normal tekst
</body>
</html>


Koden i CSS filen:


p.black-12 {
    color: #FF0000;
    font-family: verdana, arial, sans-serif;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
}

h1.black-12 {
    color: #000000;
    font-family: verdana, arial, sans-serif;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
}

Hvordan får jeg fjernet denne linjeafstand samt linjeskift??? Det skal bare se ud som normal tekst.

Hvad er forskellen egentlig på at bruge h1 og p????

Mvh. Martin
Avatar billede tangveje Nybegynder
17. januar 2003 - 18:58 #1
p.black-12 {
    color: #FF0000;
    font-family: verdana, arial, sans-serif;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;   
    margin : 0px ;
}

h1.black-12 {
    color: #000000;
    font-family: verdana, arial, sans-serif;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    margin : 0px ;
}
Avatar billede tangveje Nybegynder
17. januar 2003 - 18:59 #2
Og <p> er til tekstafsnit, <h1> er til overskrifter, det er forskellen :)
Avatar billede mhoffmann Nybegynder
17. januar 2003 - 19:01 #3
Ok, det fjernede linje afstanden, men hvad med linjeskiftet??
Avatar billede tangveje Nybegynder
17. januar 2003 - 19:02 #4
Prøv så med

display : inline ;

istedet for

margin : 0px ;
Avatar billede mhoffmann Nybegynder
17. januar 2003 - 19:06 #5
Cool nok. takker
Avatar billede tangveje Nybegynder
17. januar 2003 - 19:08 #6
Så lidt :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester