Avatar billede Jman Praktikant
07. maj 2004 - 12:20 Der er 18 kommentarer og
2 løsninger

kan man styre linieafstanden ved et break

Kan man, via css, styre linieafstanden (eller luften mellem afsnit om man vil), så der er en smulle større mellemrum melllem hvert afsnit ?
Avatar billede doggy82 Praktikant
07. maj 2004 - 12:25 #1
margin-bottom:20px; feks.
eller margin-top
Avatar billede Jman Praktikant
07. maj 2004 - 12:27 #2
Jeg synes ikke at min margin-bottom ændre noget i afstanden på siden, når det er tekst<br>ny tekst
Så er der samme mellemrum mellem linierne, som i selve teksten
Avatar billede doggy82 Praktikant
07. maj 2004 - 12:30 #3
ahhh ok - så skal du bruge lin-height:0.2em; feks
Avatar billede doggy82 Praktikant
07. maj 2004 - 12:32 #4
sorry  line-height jeg manglede et E
Avatar billede Jman Praktikant
07. maj 2004 - 12:35 #5
jamen lineheight ændrer jo også linieafstanden mellem linierne i et afsnit..

p.t. har jeg denne
.default{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 160%;
    FONT-WEIGHT: normal;
    COLOR: #5C5C5C;
    FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 5px;
    margin-bottom : 5px;
    }

Når jeg så indsætter et <br> skal linieafstanden være eksempelvis 180%
Avatar billede doggy82 Praktikant
07. maj 2004 - 12:40 #6
Jamen br laver et 'blødt' linie skift.
Skal du lave afsnit skal du bruge P (paragraph=afsnit).
Eks:
<p>bla bla bla</p>
Avatar billede Jman Praktikant
07. maj 2004 - 12:43 #7
..har jeg også prøvet - det giver et for stort mellemrum...
Jeg søger sådan set det mellem <br> og <p>
Avatar billede doggy82 Praktikant
07. maj 2004 - 12:48 #8
så brug margin-bottom:-20px; feks
Avatar billede Jman Praktikant
07. maj 2004 - 12:50 #9
det ændrer ikke en disse :/
Avatar billede doggy82 Praktikant
07. maj 2004 - 13:17 #10
det skal det altså gøre!

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

p {
margin-bottom:-20px;
}
</style>
</head>
</head>
<body>
<p>wefwe fwe fwef</p>
<p>efwefw efwef</p>
<p>efwefw efw efwef</p>
</body>
</html>
Avatar billede Jman Praktikant
07. maj 2004 - 13:18 #11
ja, måske hvis man bruge p-class alene
Men prøv at gøre sammen med resten af min style
Avatar billede Jman Praktikant
07. maj 2004 - 14:15 #12
lukker igen
svaret var ikke tilfredsstillende, men du prøvede da
Avatar billede basementjack Nybegynder
07. maj 2004 - 19:24 #13
Uaftestet, men hvad med:
<style>
br {
    line-height: 20px;
}
</style>
Avatar billede lasseq Nybegynder
07. maj 2004 - 20:56 #14
Det kunne være interessant at vide, om det kunne fungere vha. <br>...
Avatar billede roenving Novice
07. maj 2004 - 21:12 #15
line-height virker kun på <br> hvis linjen er tom ...
Avatar billede basementjack Nybegynder
07. maj 2004 - 23:35 #16
Hmm.. Ik forstået.. :) Et tomt lineskift?.. :p
Avatar billede roenving Novice
07. maj 2004 - 23:38 #17
Prøv at lave en fil med 3 br-tags + lidt tekst bagefter og din style, se den ...

Sæt så lidt tekst mellem br'erne, og vupti forsvinder linjeafstanden !-)
Avatar billede basementjack Nybegynder
07. maj 2004 - 23:44 #18
Skriver du <br> eller <br /> ?.. Og nogen der har nogen ide om hvorfor søren den gør det.. :D
Avatar billede roenving Novice
07. maj 2004 - 23:47 #19
Nu har jeg testet det i html4 og den gjorde det både i IE og Mozilla, så mit gæt vil være, at det er fordi en tekst-nodes egenskaber vil overrule break-rulens !-)
Avatar billede basementjack Nybegynder
07. maj 2004 - 23:47 #20
Man kan da heller ikke få lov til at bestemme noget.. :D
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