Avatar billede tobiasr Nybegynder
27. december 2004 - 14:03 Der er 12 kommentarer og
1 løsning

Vil ikke have linjeskift efter vandret linje!

http://www.reddyr.1go.dk/hjaelp.html
Her er min kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Overskrift</title>
<style type="text/css">
  <!--
  h1 {
        font-family: trebuchet, arial, sans-serif;
  }
  h2 {
        font: 25px trebuchet, arial, sans-serif;
  }
  h3 {
          font: 18px trebuchet, arial, sans-serif;
  }
  h4 {
          font: 14px trebuchet, arial, sans-serif;
  }
  a:link {
          color: blue;
  } 
  a:visited {
          color: blue;
  }
  a:active {
          background-color: red;
  }
  a:hover {
          background-color: yellow;
  }
  -->
  </style>
</head>

<body bgcolor="#9EF301">
<h1>Overskrift
<hr size=/"1/">
<div align="right"><h4>Oprettet den 27. december 2004</h4></div></h1>

</body>
</html>

Jeg vil gerne have fjernet linjeskiftet imellem den vandrette linje og teksten. Kan I hjælpe?
Avatar billede kreativmedie Nybegynder
27. december 2004 - 14:14 #1
h1 {
display: inline;
}
Avatar billede kreativmedie Nybegynder
27. december 2004 - 14:16 #2
eller

hr {
display: inline;
}

sku det faktisk have været. Anvend evt. begge hvis alle browsere ikke viser det ens.
Avatar billede tobiasr Nybegynder
27. december 2004 - 14:28 #3
Det virker ikke?
http://www.reddyr.1go.dk/hjaelp.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Overskrift</title>
<style type="text/css">
  <!--
  h1 {
    font-family: trebuchet, arial, sans-serif;
    display: inline;
  }
  h2 {
        font: 25px trebuchet, arial, sans-serif;
  }
  h3 {
          font: 18px trebuchet, arial, sans-serif;
  }
  h4 {
          font: 14px trebuchet, arial, sans-serif;
  }
  a:link {
          color: blue;
  } 
  a:visited {
          color: blue;
  }
  a:active {
          background-color: red;
  }
  a:hover {
          background-color: yellow;
  }
  hr {
      display: inline;
  }
  -->
  </style>
</head>

<body bgcolor="#9EF301">
<h1>Overskrift
<hr size=/"1/">
<div align="right"><h4>Oprettet den 27. december 2004</h4></div></h1>

</body>
</html>
Avatar billede knudgert Nybegynder
27. december 2004 - 15:17 #4
Start med at ret de fejl, der er i koderne, du må ikke have et blockelement, som <h4> og <div> i et andet som <h1>.

Som hovedregel er det kun <div>, der kan indholde et andet blockelement.
Men hvad mener du med at du ikke vil have linjeskift?
Skal teksten stå på samme linje som <hr>?

Måske (og fejl er rettet):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Overskrift</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
  <!--
  body {background-color: #9EF301}   
  h1 {
        font-family: trebuchet, arial, sans-serif;
        margin: 0;
  }
  h2 {
        font: 25px trebuchet, arial, sans-serif;
  }
  h3 {
          font: 18px trebuchet, arial, sans-serif;
  }
  h4 {
          font: 14px trebuchet, arial, sans-serif; margin: 0
  }
  a:link {
          color: blue;
  } 
  a:visited {
          color: blue;
  }
  a:active {
          background-color: red;
  }
  a:hover {
          background-color: yellow;
  }
  div {text-align: right}
  -->
  </style>
</head>

<body>
<h1>Overskrift</h1>

<div><hr size="1"><h4>Oprettet den 27. december 2004</h4></div>

</body>
</html>
Eller er det den ekstra luft, der kommer ved brug af et blockelement?
Avatar billede kreativmedie Nybegynder
27. december 2004 - 15:23 #5
Hvis du vil have <hr> til at stå til højre for teksten kan du give din <h1> en float: left; i CSS'en. Det vil muligvis give dig nogle nye problemer, men på den måde undgår du i hvert fald det automatiske linjeskift.
Avatar billede tobiasr Nybegynder
27. december 2004 - 15:50 #6
Det jeg mener er, at jeg ikke vil have dobbelt linjeskift omkring den vandrette linje.
Avatar billede knudgert Nybegynder
27. december 2004 - 16:37 #7
Så skulle mit svar da gøre det.
Avatar billede tobiasr Nybegynder
27. december 2004 - 16:44 #8
Det hjælper kun på den ene side (øverst).
Avatar billede tobiasr Nybegynder
27. december 2004 - 16:45 #9
Næ, sorry.
Tak for hjælpen!
Avatar billede tobiasr Nybegynder
27. december 2004 - 16:53 #10
Hvad gør jeg nu, hvis jeg vil have en tekst længere nede, der har lige margener og ikke er højre justeret?
Avatar billede knudgert Nybegynder
27. december 2004 - 17:39 #11
Giv din div en class i stedet for blot at bruge div, som jeg skrev.
Avatar billede tobiasr Nybegynder
28. maj 2005 - 13:06 #12
Kan du komme med et svar?
Avatar billede tobiasr Nybegynder
18. november 2007 - 11:19 #13
-
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