Avatar billede stig69 Nybegynder
27. juni 2003 - 09:01 Der er 21 kommentarer

HTML. Mindre luft efter <p>

Hvis jeg bruger kommandoen <p> til et nyt afsnit, hvorledes kan jeg ændre på afstanden (mellemrummet) til den næste linie. Jeg synes der er for meget luft fra et afsnit til et andet? Kan det laves med CSS?

Stig
Avatar billede jakobclausen Nybegynder
27. juni 2003 - 09:03 #1
Kan du ikke bare bruge <br> og lave et nyt linie skift istedet for et nyt afsnit?
Avatar billede stig69 Nybegynder
27. juni 2003 - 09:05 #2
nej. Det har jeg også prøvet. Det bliver ikke godt nok
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 09:09 #3
Sådan?

<html>
<head>
<style>
p {margin-top: -15px}
</style>
</head>

<body>
<p>Et slidigt gravben vridrede<br>
i brumringen på tidvis plent,</p>

<p>Men lappingen var vakling,<br>
og det borte grøfgrin grent.</æ>

</body>
</html>
Avatar billede mikmakmuk Nybegynder
27. juni 2003 - 09:09 #4
Har du en url så man kan se problemet
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 09:09 #5
Æh, ok, men "p" og "æ" sidder tæt på hinanden....;)
Avatar billede mathiash Nybegynder
27. juni 2003 - 09:11 #6
Eller:
<html>
  <head>
<style type="text/css">
.nyafsnit
{
  line-height: 14px;
}
</style>
  </head>
<body>
<p>Afsnit 1</p>
<div class="nyafsnit">&nbsp;</div>
<p>Afsnit 2</p>
</body>
</html>

//Mathias
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 09:21 #7
Du har sådan set to parametre at gøre godt med. Det er vist mere regelret sådan her:

p {margin-bottom: 3px;
  margin-top: 0px}
Avatar billede stig69 Nybegynder
27. juni 2003 - 09:51 #8
erikjacobsen--> Ikke på den måde. Der løfter jeg bare hele teksten op. Det jeg ønsker er bare at kunne styre afstanden mellem to afstnit

mathiash--> Jeg tror du har fat i det jeg ønsker. Det du ændre i dit eksemple er linieafstanden. Jeg ønsker i nedestående eksemple at "tekst" feltet rykker højere/tættere på "afsnit 1". Jeg ønsker at kunne bestemme dette mellemrum

<html>
  <head>
<style type="text/css">
.nyafsnit
{
  line-height: 10px;
}
</style>
  </head>
<body>
<p>Afsnit 1</p>
<div class="nyafsnit">tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst</div>
<p>Afsnit 2</p>
</body>
</html>
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 09:54 #9
Så kan du skelne mellem afsnit

<p class="first"> ... </p>

<p class="therest"> ... </p>
Avatar billede stig69 Nybegynder
27. juni 2003 - 09:59 #10
Og så bruge line-height? Jeg prøver lige
Avatar billede mathiash Nybegynder
27. juni 2003 - 11:16 #11
Hvad med position: absolute;

<html>
  <head>
<style type="text/css">
.nyafsnit
{
  line-height: 110px;
}

p
{
  position: absolute;
}
</style>
  </head>
<body>
<p>Afsnit 1<br>tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst</p>
<div class="nyafsnit">&nbsp;</div>
<p>Afsnit 2<br>tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst</p>
</body>
</html>

? :0)

//Mathias
Avatar billede stig69 Nybegynder
27. juni 2003 - 11:28 #12
mathiash--> jooo. Men det kontrollerer stadig ikke luften/mellemrummet mellem afsnitene.
Avatar billede mathiash Nybegynder
27. juni 2003 - 11:33 #13
line-height: 110px; <- Det kan du da bare ændre her?
Avatar billede wilde Nybegynder
27. juni 2003 - 11:36 #14
Et slidigt gravben vridrede
i brumringen på tidvis plent....hehe eric:-)
Avatar billede stig69 Nybegynder
27. juni 2003 - 11:43 #15
line-height kontrollerer jo også linieafstand i selv afsnittet
Avatar billede roenving Novice
27. juni 2003 - 12:12 #16
Gravede lige lidt rundt i erikjacobsens

<html>
<head>
<style>
p {margin-bottom: 3px;
  margin-top: -10px}
</style>
</head>

<body>
Tekst
<p>Et slidigt gravben vridrede<br>
i brumringen på tidvis plent,</p>

<p>Men lappingen var vakling,<br>
og det borte grøfgrin grent.</p>
Tekst
</body>
</html>
Avatar billede bryrup Nybegynder
27. juni 2003 - 12:16 #17
ellers kan du jo bare skrive to <br>'er
Avatar billede stig69 Nybegynder
28. juni 2003 - 08:58 #18
bryrup--> Det forslog jakobclausen i begyndelsen
Avatar billede roenving Novice
28. juni 2003 - 11:08 #19
Hvad er der galt med eriks (evt. med min videregravning) ...

Jeg lavede med vilje en lettere grotesk udgave af det for at illustrere 'kræfterne' i det -- hvis det er noget andet du har brug for mangler jeg en anelse forklaring ...
Avatar billede stig69 Nybegynder
29. juni 2003 - 21:53 #20
erikjacobsen + roenving--> Så ud til at jeg ikke rigtig havde sat mig ind i jeres forslag... det er præcist det jeg ønsker. Så tak for hjælpen og undskyld at jeg ikke lige første gang opdagede hvad I havde lavet. Hvis I ligger nogle svar ind vil jeg tildele jer pointene

Stig
Avatar billede roenving Novice
30. juni 2003 - 03:43 #21
Så er det jo erik, som skal have nogle points (han mangler dem også *g*) ...
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