Gå til innhold

Ekstern CSS virker ikke


Anbefalte innlegg

Skrevet

Skal flytte over CSS-en fra htm fila over til en ekstern css fil, men da vises htm fila som enkel tekst som om det skulle vært skrevet i Word dokument.

Hva må jeg gjøre?

Videoannonse
Annonse
Skrevet
Skal flytte over CSS-en fra htm fila over til en ekstern css fil, men da vises htm fila som enkel tekst som om det skulle vært skrevet i Word dokument.

Hva må jeg gjøre?

5221948[/snapback]

 

Du må jo "koble" html-siden til css-filen i <head>.

Nå husker jeg dessverre ikke helt koden utenatt da jeg bruker Dreamweaver til å redigere og "montere" CSS.

Skrevet

Virker ikke

 

Ser sånn ut

 

<html>

<head>

<title>TITTEL HER</title>

<style type="text/css">

<link rel="stylesheet" type="text/css" href="ohs.css">

</style>

</head>

<div class="content">

<h1>HEADLINE</h1>

<p>

<f1>Tekst under HEADLINE

 

css fila ser ca sånn ut. Mellomrommene på ":"-tegnet kommer

fra valideringssjekken

 

body {

background-color : teal;

margin : 20px;

padding : 0;

font-size : 0.9em;

font-family : fixedsys, arial, sans-serif, helvetica, verdana;

}

h1 {

font-family : fixedsys, arial, sans-serif, helvetica, verdana;

margin : 0 0 5px;

padding : 0;

font-size : 1em;

}

h2 {

font-family : fixedsys, arial, sans-serif, helvetica, verdana;

margin : 0 0 5px;

padding : 0;

font-size : 1.1em;

}

f1 {

font-family : fixedsys, arial, sans-serif, helvetica, verdana;

line-height : 1.1em;

margin : 0 0 16px;

padding : 0;

}

.content > f1 {

margin : 0;

}

.content > f1 + f1 {

text-indent : 30px;

}

a {

color : teal;

font-family : fixedsys, arial, sans-serif, helvetica, verdana;

line-height : 1.7em;

text-decoration : none;

}

a:link {

color : teal;

}

a:visited {

color : teal;

}

a:hover {

background-color : #bbb;

}

.content {

position : relative;

width : auto;

min-width : 120px;

margin : 0 210px 20px 170px;

border : 1px solid black;

background-color : white;

padding : 10px;

z-index : 1;

}

#navleft {

position : absolute;

width : 128px;

top : 20px;

left : 20px;

font-size : 0.9em;

border : 1px solid black;

background-color : white;

padding : 5px;

z-index : 2;

}

#navright {

position : absolute;

width : 164px;

top : 20px;

right : 20px;

font-size : 0.9em;

border : 1px solid black;

background-color : white;

padding : 5px;

z-index : 3;

}

Skrevet

Har gjort slik

 

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

<link rel="stylesheet" type="text/css" href="ohs.css">

</head>

<body>

 

Nå virker det :)

Har mer spørsmål om CSS, men jeg må starte nye tråder :]

Skrevet (endret)

<link rel="stylesheet.css" type="text/css" href="ohs.css">

</head>

<body>

 

må huske filendelse

Endret av kennteh
Skrevet (endret)
<link rel="stylesheet.css" type="text/css" href="ohs.css">

</head>

<body>

5226920[/snapback]

Nei: Rel atributten forteller bare hva linken handler om. det er KUN href som skal ha filendelse.

 

EDT: damn, jibril.. hvor mange sekunder før meg var du?

Endret av MBaardsgaard

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...