PDA

Volledige versie bekijken : [CSS] Firefox pakt geen externe CSS

Jordy
%Europe/Berlin %858 %2005, 21:35
He all,

Ik ben bezig met iets, en daar wordt dmv CSS de tekst uiterlijk bepaald. Dit doe ik in een extern CSS bestandje, om het overzicht te bewaren. Helaas pakt firefox geen externe css bestandjes. In IE werkt alles correct. Hoe kan dat ? Al doe ik 1 regel CSS, Firefox pakt hem gewoon niet, terwijl als ik alles gewoon in het html file doe, dan werkt het weer wel.
Gek genoeg doet "font size" het wel in firefox, "font-color" werkt overigens niet.

Hoe kan ik dit oplossen.

[edit] topic titel change
mech7
%Europe/Berlin %916 %2005, 22:59
font-color bestaat niet color bestaat wel... validate je css file.. want er zit waarschijnelijk een fout in. En dan kan firefox er niet goed mee overweg. Wat ook kan is dat je hoofdletter ofzo gebruikt ie wil dat nog welleens pakken maar ff niet. Anyways zonder code blijft het gokken :p
Jordy
%Europe/Berlin %919 %2005, 23:04
<STYLE>
<!--
P.headline {color:black;}
P.headline {font-family: Arial;}
P.headline {font-size: xx-small;}
P.headline {background-color: #ff9999;}
-->
</STYLE>
Dit zou toch moeten werken hoor :p


je had wss verkeerd gelezen, of ik verkeerd de zin geformuleerd, over dat font color. Ik bedoelde de kleur van de font, en niet de opdracht font-color ;)
Jorim
%Europe/Berlin %929 %2005, 23:17
<style type="text/css">
<!--
P.headline
{
color: black;
font-family: Arial;
font-size: xx-small;
background-color: #ff9999;
}
-->
</style>

Zo zou ik hem maken :) en dat moet toch gewoon overal werken. Jou stijl is waarschijnlijk niet Firefox bestendig :D
Jordy
%Europe/Berlin %932 %2005, 23:22
Nu werkt ie helemaal niet in Firefox, wel in IE
Jorim
%Europe/Berlin %949 %2005, 23:46
Vreemd, heel vreemd. P.headline vervangen door een andere naam ??? Geen idee meer...
[m]
%Europe/Berlin %080 %2005, 02:55
<head><style type="text/css">
p.headline
{
color: black;
font-family: Arial;
font-size: xx-small;
background-color: #f99;
}
</style>
</head>

<body></body>

Weet je zeker dat je <p class="headline"> hebt gebruikt? Trouwens, als het een kop is kan je beter een <hx> tag gebruiken.
Jordy
%Europe/Berlin %433 %2005, 11:23
ja [m], dat weet ik zeker. Want in IE werkt het wel gewoon.
Hoe kan ik die <hx> gebruiken ? :$
TrueChaoZ
%Europe/Berlin %450 %2005, 11:48
ik weet niet hoor maar ik heb de volgende test html file gemaakt:

<html>
<head>
<style type="text/css">
p.headline {
color: black;
font-family: Arial;
font-size: xx-small;
background-color: #ff9999;
}
</style>
</head>
<body>
<p class="headline">
hallo
</p>
</body>
</html>

en dat geeft toch echt geen enkel probleem in zowel IE als Firefox
Jordy
%Europe/Berlin %455 %2005, 11:55
nee sorry, verkeerd voorbeeldje :rolleyes: doe eens color = blue;
TrueChaoZ
%Europe/Berlin %460 %2005, 12:03
erm ik wil niks zeggen maar color: blue; moet het dan wel zijn, want het = teken wordt niet ondersteund in CSS, en als ik color: blue; doen is er ook geen probleem.
Jordy
%Europe/Berlin %463 %2005, 12:08
ja en als je de CSS extern inlaadt? Dan geeft het bij mij problemen, niet als ik het rechtstreek in het document geeft.

Sorry voor de typfouten van color = blue ;) moet idd color: blue; zijn
TrueChaoZ
%Europe/Berlin %474 %2005, 12:23
ik zie geen problemen, HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<p class="headline">
hallo
</p>
</body>
</html>

CSS:

p.headline {
color: blue;
font-family: Arial;
font-size: xx-small;
background-color: #ff9999;
}
Jordy
%Europe/Berlin %486 %2005, 12:40
ik heb het gevonden. Ik had in mn externe css bestand ook gewoon <!-- en script="text/css"

Nu werkt het, tnx TrueChaoz
TrueChaoZ
%Europe/Berlin %489 %2005, 12:44
Mooi, succes ermee.

Het gebruik van <!-- --> is trouwens helemaal overbodig bij CSS, dus of je het nou extern of met <style> in de file gebruikt, die mag je altijd weglaten. En <style> is dus alleen voor intern gebruik en <link ref="stylesheet" ...> voor het importeren van een extern CSS bestand.