Gå til innhold

Ekstern CSS virker ikke


Anbefalte innlegg

Videoannonse
Annonse
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.

Lenke til kommentar

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;

}

Lenke til kommentar
<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
Lenke til kommentar

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å
×
×
  • Opprett ny...