Søg
Avatar billede venchil Nybegynder
21. november 2004 - 11:30 Der er 24 kommentarer og
1 løsning

Line Height, virker ikke?

Jeg har en side, hvor line height tilsyneladende ikke virker ordentligt. Jeg har sat dette stykke kode ind:
{
line-height: 1.4
}

i min CSS-fil... Hvorfor virker det ikke?
Avatar billede dotcom1 Nybegynder
21. november 2004 - 11:45 #1
Prøv:

{
line-height: 1.4pt;
}
Avatar billede Slettet bruger
21. november 2004 - 11:48 #2
dotcom1: Det giver jo et helt andet resultat.

Lineheight er en af de få (måske den eneste) som det netop er tilladt at angive uden at angive en enhed.

venchil: Den plejer at virke for mig. Kunne man se lidt mere af din problemkode?
Avatar billede dotcom1 Nybegynder
21. november 2004 - 11:50 #3
Eller:

{
line-height: 1.4em;
}
Avatar billede dotcom1 Nybegynder
21. november 2004 - 11:51 #4
ok, sry.
Avatar billede venchil Nybegynder
21. november 2004 - 11:51 #5
Det er faktisk det eneste kode jeg har inkluderet. Har inkluderet det i alle mine dokumenter... Tjek http://www.darkcloud.dk/animepark/animepark/main.php eller
http://www.darkcloud.dk/animepark/animepark/style2.css

Har på fornemmelsen at det er noget i main.php som neutraliserer det hele, er tidligere blevet bemærket på, at den skulle have en lille validering, men ved ikke hvordan man gør :P (er ret noob)
Avatar billede venchil Nybegynder
21. november 2004 - 11:56 #6
både 1.4em; og 1.4pt; er nu prøvet, men resultatet ændrer sig desværre ikke...
Avatar billede Slettet bruger
21. november 2004 - 12:23 #7
Du har glemt at fortælle den, hvad den stil skal gælde for. Hvis det skal gælde for alt, kan du skrive *

* {
line-height: 1.4
}
Avatar billede Slettet bruger
21. november 2004 - 12:25 #8
Derudover skal <link>-et til dit stylesheet op indenfor <head> i dit HTML.
Avatar billede venchil Nybegynder
23. november 2004 - 15:18 #9
Nu har jeg vist prøvet alt... SKAL linket i <body> være fjernet, før det i <head> virker?
Og desuden... Bøhøver linket til Style Sheetet så at være sat ind nedenunder <title>?
Avatar billede Slettet bruger
23. november 2004 - 15:40 #10
Jeg plejer at gøre således:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Min side</title>
  <style type="text/css" media="screen">@import "style.css";</style>
</head>

Men det er mest for at undgå at min CSS kommer til at forvirre de stakkels gamle browsere, der ikke kan forstå det, men prøver alligevel. (Specielt visse versioner af Netscape)

Man kan også sagten gøre sådan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Min side</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

Om du definerer dit stylesheet før eller efter din titel er ganske ligegyldigt. Den skal bare være i head. Og der må kun være en gang html,head og body på en side. Du har et helt ekstra sæt om din besøgstæller.

Forresten er din doctype forkert. Det er IKKE ligegyldigt med store og små bogstaver i den. Hvis du ønsker at bruge den, du har, skal den se således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

Det overflødige link i body burde ikke have nogen effekt overhovedet.
Avatar billede venchil Nybegynder
23. november 2004 - 17:07 #11
Så egentlig burde min side virke?

Hvad har jeg så gjort galt, siden teksten stadig går "amok"?
Avatar billede Slettet bruger
23. november 2004 - 19:35 #12
Jeg ved ikke, hvad du har gjort galt, for du har ikke rettet i den side, jeg ser på. Vis mig din kode - så har jeg måske en chance for at hjælpe.
Avatar billede venchil Nybegynder
23. november 2004 - 20:35 #13
style2.css, selve Style Sheetet

* {
line-height: 1.4
}

alle sider linker til style2.css:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style2.css">
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>op_mangaguide_bind19</title>
  <link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body text="#000099" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#000000">

*****indhold i body*****

</body>
</html>
Avatar billede Slettet bruger
23. november 2004 - 21:31 #14
OK, jeg missede en fejl. Der skal et semikolon efter hver regel i CSS, så det skal se således ud:

* {
line-height: 1.4;
}
Avatar billede olebole Juniormester
23. november 2004 - 21:48 #15
<ole>

sandbox >> Hvis IE6 overhovedet skal overholde W3C's standarder (ikke mindst CSS), er URL'en i DTD'en en tvingende nødvendighed. Du kan teste forskellen med:
  alert(document.compatMode)
der skal returnere 'CSS1Compat', hvis browseren er kompatibel med CSS-standarden. Returnerer den derimod 'backCompat' ('quirksMode' i Opera), er browseren gået i såkaldt 'quirks-mode'.
Sker det for IE, opfører denne sig, som den altid har gjort => ikke i overensstemmelse med CSS.

Skal man have bare en lille chance for at få en side til at se ens ud i de fleste browsere - uden at skulle ud i en hel masse små-hacks - bør man helt afgjort bruge:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

... eller den tilsvarende Strict-version.

/mvh
</bole>
Avatar billede olebole Juniormester
23. november 2004 - 21:50 #16
... og der behøver i øvrigt ikke være semikolon efter sidste regel - heller ikke, når den er den eneste  :)
Avatar billede olebole Juniormester
23. november 2004 - 21:56 #17
... til gengæld skal man huske, at font-size skal være sat på det element, hvor man bruger en ren nummerisk værdi for line-height. Ellers ved browseren jo ikke, hvilken størrelse, der skal multipliceres med tallet 1.4
Avatar billede olebole Juniormester
23. november 2004 - 22:06 #18
Og glem den sidste kommentar ... der vrøvlede jeg vist lidt  :)
Avatar billede Slettet bruger
23. november 2004 - 22:18 #19
Jeg havde da også givet en korrekt DOCTYPE (og magen til din). Jeg skulle måske have uddybet lidt mere, hvorfor den skulle se sådan ud.

Og det skulle da (som du også kom i tanke om) undre mig meget, hvis der ikke blev nedarvet en font-size - eventuelt fra browserindstillingerne. Det kan dog tit være en god ide at sætte font-size til 100% for body, for der er så vidt jeg husker nogle situationer, hvor IE ellers laver ged i den. (Ved brug af em som størrelsesenhed til fonts, mener jeg det var.)

At semikolon før } er frivilligt, var jeg ikke klar over, men det er normalt smartest at have det uanset, så man ikke glemmer det, hvis man indsætter en ekstra regel nedenunder.
Avatar billede venchil Nybegynder
24. november 2004 - 16:57 #20
Betyder doc-typen noget?
Og hvad har jeg gjort galt...
For det må da kunne rettes
Avatar billede olebole Juniormester
24. november 2004 - 17:59 #21
sandbox >> Jeg undskylder  :)
Jeg læste kommentaren: "Det overflødige link i body burde ikke have nogen effekt overhovedet" helt forkert.
Det har du da ganske ret i - ligesom jeg havde helt ret i, at URL'en i DTD'en er tvingende nødvendig ... de to ting har bare ikke en fløjtende jule-squid med hinanden at gøre  ;D
Avatar billede venchil Nybegynder
24. november 2004 - 18:57 #22
Jeg kan vist ikke følge helt med her?
Skal jeg ændre

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

til

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Og så er mit problem løst?
Avatar billede Slettet bruger
24. november 2004 - 22:02 #23
Det vil i hvert fald være et skridt på vejen. Om det er nok til at løse det, kan jeg ikke sige.
Avatar billede venchil Nybegynder
16. januar 2005 - 11:51 #24
Tak for hjælpen, kan ikke dele point ud, da ingen har svaret
Avatar billede roenving Novice
16. januar 2005 - 12:03 #25
Men så kunne du jo bede dem, som har hjulpet dig, om et svar ?-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »