Avatar billede arbogast Nybegynder
12. december 2006 - 14:36 Der er 12 kommentarer og
1 løsning

virker i explorer, men ikke i firefox

Jeg er begynder udi css og html. Har prøvet at lave en class i css (kursiv tekst) Den virker i explorer, men ikke i firefox. Hvorfor ikke?

dette er css-filen:

<style type="text/css">
<!--
p.sted {font-style: italic;
    margin-left: 0.5cm
    margin-right: 0.5cm}
-->
</style>

og html'en:

<html>
<head>
<title>gafgaf</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p class=sted>GAFFFFFFF</p>
</body>
</html>

Jeg er som sagt begynder - blidt svar ønskes :)
Avatar billede arbogast Nybegynder
12. december 2006 - 14:38 #1
(ps. det manglende ; i css-filen er med i min fil nu, men det gør ingen forskel)
Avatar billede apo Praktikant
12. december 2006 - 14:43 #2
Prøv at indsætte denne:

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

over <html> og se om det ændrer noget.
Avatar billede apo Praktikant
12. december 2006 - 14:46 #3
Og, hvis du bruger et eksternt stylesheet, skal disse udelades fra .css-filen:

<style type="text/css">
<!--

-->
</style>
Avatar billede apo Praktikant
12. december 2006 - 14:48 #4
Prøv i første omgang, at se om dette virker (der var et par fejl i dit eget):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>gafgaf</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
<!--
p.sted {font-style: italic;
    margin-left: 0.5cm;
    margin-right: 0.5cm;}
-->
</style>
</head>
<body>
<p class="sted">GAFFFFFFF</p>
</body>
</html>
Avatar billede arbogast Nybegynder
12. december 2006 - 14:51 #5
det gør ingen forskel
Avatar billede apo Praktikant
12. december 2006 - 14:52 #6
Heller ikke koden i mit sidste indlæg?
Avatar billede arbogast Nybegynder
12. december 2006 - 14:55 #7
men det gjorde dit næste forslag. hvorfor virkede det ikke externt?
Avatar billede apo Praktikant
12. december 2006 - 14:57 #8
Prøv dette:

CSS-filen:
p.sted {font-style: italic;
    margin-left: 0.5cm;
    margin-right: 0.5cm;}

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>gafgaf</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p class="sted">GAFFFFFFF</p>
</body>
</html>

Så burde det også virke med en ekstern .css-fil :o)
Avatar billede arbogast Nybegynder
12. december 2006 - 15:06 #9
prøver i aften -  tak for hjælpen
Avatar billede apo Praktikant
12. december 2006 - 15:07 #10
Hvorfor det ikke virkede for dig med det eksternte stylesheet, kan skyldes at du havde disse:

<style type="text/css">
<!--

-->
</style>

liggende i .css-filen - de skal kun bruges, når css'en ligger direkte i dokumentets <head>-sektion.

Samtidigt havde du skrevet <p class=sted hvor man bør skrive <p class="sted" (med "").

Når du koder HTML og CSS, er det vigtigt at du skriver al kode korrekt _hver_gang, da der ellers kan opstå problemer med at få koden fortolket korrekt i browserne.
Avatar billede apo Praktikant
12. december 2006 - 15:14 #11
Velbekomme :o)

Hvis du bliver i tvivl om hvordan koderne (både HTML og CSS) skal skrives for at være korrekte, kan du altid bruge www.w3.org som opslagsværk - du kan også søge på w3's website via Google:

Indtast følgende: site:www.w3.org [søgeord]

På den måde får man ofte de mest relevante resultater, hurtigt.
Avatar billede arbogast Nybegynder
12. december 2006 - 20:32 #12
Super forklaring. Jeg er dybt taknemmelig. Skal nok få det lært!
Avatar billede apo Praktikant
12. december 2006 - 21:13 #13
Tak for points :o)
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