Problemer med ekstern css.

[Goebbels]

heisann, tester ut css da jeg er lei av å måtte endre en haug av sider når jeg først skal gjøre noe..

Problemet mitt er når jeg skal ha et eksternt stilsett.

 

Så lenge det er internt (mellom head) så fungerer det fint

 

<style type="text/css">



BODY {background: #000000;} 

INPUT, TEXTAREA {background: #FFFFFF; border: 1px solid #FFFFFF;} 

P {font-size: 8pt; font-family: verdana, sans-serif;} 



A:link {color: 696969} 



A:visited {color: 696969} 



A:active {color: 696969} 



H1, H2, H3, H4, H5, H6  { color: 696969 }



P {color: 696969}



</style>

 

Men probelemet kommer når jeg deler det opp i disse to til eksternt.

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

 

BODY 

{

background: #000000;

} 

INPUT, TEXTAREA 

{

background: #FFFFFF; 

border: 1px solid #FFFFFF;

} 

P 

{

font-size: 8pt; 

font-family: verdana, sans-serif;

color: 696969;

} 

A:link 

{

color: 696969

} 

A:visited 

{

color: 696969

} 

A:active 

{

color: 696969

} 

H1, H2, H3, H4, H5, H6  

{ 

color: 696969 

}

 

Da vil det ikke fungere lenger.. noen ideer?

Har prøvd å søke etter svar her i forumet, på w3school, men det ser ut som om det stemmer for mine øyne, det bare fungerer liksom ikke.

[magikern]

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />

 

sånn skal det fungere.

[Goebbels]

Hmm. gjør ikke det. selv om jeg prøver å bruke full "adresse" til .css filen med htttp://... og hele røkla.. eller legger den i den respektive katalogen som html filen ligger i.. .css filen ligger nå i web-root..

Skjønner ikke dette.

[magikern]

Hmm. gjør ikke det. selv om jeg prøver å bruke full "adresse" til .css filen med htttp://... og hele røkla.. eller legger den i den respektive katalogen som html filen ligger i.. .css filen ligger nå i web-root..

Skjønner ikke dette.

 

har du en snodig chmod på css fila di?

[Plazma]

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />

 

media="screen" ? den har jeg aldri sett før. Hva gjør den? Er ihvertfall ikke nødvendig for at det skal funke

[magikern]

media er for å sette forskjellige stilsett på print til skjerm (screen) eller printer(print) eller andre ting, som feks "aural browsers".

 

Some CSS properties are only designed for a certain media. For example the "voice-family" property is designed for aural user agents. Some other properties can be used for different media types. For example, the "font-size" property can be used for both screen and print media, but perhaps with different values. A document usually needs a larger font-size on a screen than on paper, and sans-serif fonts are easier to read on the screen, while serif fonts are easier to read on paper.

 

http://www.w3schools.com/css/css_mediatypes.asp

[Goebbels]

magikern: er på en windows maskin (ser at web-root, kan mislede)

men har fått det til å funke nå, uten å være helt klar ove hva som gjorde utslaget endret det til

 

<LINK REL="Stylesheet" TYPE="text/css" MEDIA="all" HREF="/lanstil.css">

 

og

 

A:link 

{

font-size: 8pt; 

font-family: verdana, sans-serif;

color: #696969

} 

A:visited 

{

font-size: 8pt; 

font-family: verdana, sans-serif;

color: #696969

} 

A:active 

{

font-size: 8pt; 

font-family: verdana, sans-serif;

color: #696969

}

BODY 

{

background: #000000;

} 

INPUT, TEXTAREA 

{

background: #FFFFFF; 

border: 1px solid #FFFFFF;

} 

P 

{

font-size: 8pt; 

font-family: verdana, sans-serif;

color: #696969;

} 

H1, H2, H3, H4, H5, H6  

{ 

font-family: verdana, sans-serif;

color: #696969 

}

 

Go figure, men lurer på om den ikke liker å ha A:... først.. fornøyd er jeg ihvertfall.

 

Skal legges til at indexphp var en medhjelpende faktor.

[magikern]

fint at du fant ut av det.

 

så noe litt annet, jeg antar at du skriver html og css for hånd(altså uten å bruke wysiwyg) da kan det lønne seg å skrive alt med små bokstaver(mer ryddig og man skriver mye raskere), en annen ting er at du bør lese om standard oppsett av css filer på www.w3schools.com for det er visse regler som helst skal holdes når man lager disse filene.

[magikern]

forøvrig hvis du lurer på om det er noe feil i css fila di så er jigsaw.w3.org/css-validator/ din gode venn,(husker riktignok ikke akkurat nå om den addressen var helt riktig men det finner du fort ut.)

[Goebbels]

ja stemmer det kun notepad som benyttes.. og ja, jeg har allerede fått erfare at jeg har et uryddig oppsett av små og store bokstaver (noe IE var kresen på) pluss mangel på validering, men slikt tar tid og rette opp. noe jeg har lite av i disse eksamens tider :wink: