[CSS] Arial werkt niet

[EricV]

Ik heb hier een stylesheet waarin een aantal classes zijn gedefinieerd. Eerst stond er altijd: font-family: Verdana, Arial, Helvetica, sans-serif; maar ik heb Verdana weg gehaald omdat 'men' Arial mooier vind. Hij slaat nu echter Arial over en alles staat in sans-serif. Wat niet zo mooi staat...

Hieronder de stylesheet:

}
.kop {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 14px;
font-weight: bold;
color: #333366;
text-decoration: none;
}
.kopmedium {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.locatieoranje {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF7021;
text-decoration: none;
}
.locatieblauw {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #003399;
}
.locatiegroen {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #006633;
text-decoration: none;
}
.tussenkopje {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.sublinkgroen {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: bold;
color: #009966;
text-decoration: none;
}
.koporanje {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 14px;
font-weight: bold;
color: #ff7021;
text-decoration: none;
}
.kopblauw {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 14px;
font-weight: bold;
color: #003399;
text-decoration: none;
}
.kopgroen {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 14px;
font-weight: bold;
color: #009966;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF3300;
text-decoration: none;
}
.tekst {
font-family: Arial, Helvetica, sans-serif;
font-size: 14;
line-height: 14px;
font-weight: normal;
color: #000000;
text-decoration: none;
}


---TOEVOEGING---

Wat me nu opvalt is dat pagina's die direct in de / directorie staan wel Arial gaan gebruiken, maar pagina's daarbuiten die op zo'n manier linken: <link href="../../ccstyles.css" rel="stylesheet" type="text/css"> Arial niet gebruiken.

[ Voor 7% gewijzigd door EricV op 14-03-2003 08:52 . Reden: Typo ]

[Outerspace]

heb je geprobeert om de arial font opnieuw te downloaden?, misschien dat hij dan wel werkt en dan weer in je fonts map plaatsen.

[EricV]

Ik heb het op vele computers bekeken, maar ik zie overal hetzelfde.

[pistole]

heb je al eens geprobeerd de link naar je css absoluut te maken? ik weet niet of dat iets uit maakt dan wel verplicht is, maar... je weet nooit

[Verwijderd]

Heb je ook een voorbeeld online?

En als je alle styles nou eens zo linkt:

code:

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

Dan hoef je je niet zo druk te maken over relatieve paden e.d.

[EricV]

Dan heb je een probleem met lokaal bewerken en bekijken. Wat in dit geval nodig is (werken ook een paar newbies aan). Maar zo te zien werkt alles toch prima on-line, zie http://www.annavanrijn.nl/
Let AUB even niet op de lelijke dingen die Bold staan op de frontpage

Wat eerst niet werkte was de tekst onder bijvoorbeeld Albatros -> Onderwijsaanbod -> BAVO

[ Voor 15% gewijzigd door EricV op 14-03-2003 09:37 ]

[pistole]

ja, maar in genoemde file, http://www.annavanrijn.nl/albatros/onderwijsaanbod/bavo.htm, refereer je aan ../../ccstyles.css

Je gaat dus 1 directory teveel omhoog in je relatieve pad.


EDIT
laat maar, ik heb nog wat slapers in mijn ogen

[ Voor 15% gewijzigd door pistole op 14-03-2003 09:46 ]

[Verwijderd]

moet je ook ; gebruiken.

[Verwijderd]

Je CSS begint met een }, dat snapt de validator niet helemaal:

Errors
URI : http://www.annavanrijn.nl/ccstyles.css

* Line: 1

Parse error - Unrecognized : }

[Hangloozz]

eerste blok van je css:

code:

}
.kop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 14px;
    font-weight: bold;
    color: #333366;
    text-decoration: none;
}

mind de eerste curly brace..

declareer daarnaast je font-family voor de body; kun je ongeveer 1Kb aan code skippen:

code:

body{
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
}

dit kun je ook uit elke declaratie skippen want dat is een default:

code:

text-decoration: none;

[Verwijderd]

Hangloozz schreef op 14 March 2003 @ 10:15:
dit kun je ook uit elke declaratie skippen want dat is een default:

code:

text-decoration: none;

Behalve voor links, toch?

eric veraart schreef op 14 March 2003 @ 08:49:
[...] maar ik heb Verdana weg gehaald omdat 'men' Arial mooier vind.

Arial mooi? Ik weet dat smaken verschillen en dat Verdana ook geen schoonheidsprijs verdient maar Arial is zeker niet 'mooier'...

[Hangloozz]

Verwijderd schreef op 14 maart 2003 @ 11:14:
[...]

Behalve voor links, toch?

ja, true. had ik ff kunnen melden ja.
Maar ik ging even uit van allerlei 'standaard' classes waar het ook in gedeclareerd was

-5 onduidelijk

[NEK]

check het anders eventjes met TopStyle.
Is erg handig!

[Verwijderd]

link-styles gaan voor gewone text-classes, zodat je text-decoration overal kan weghalen behalve als de style ook wordt toegepast wordt op links.

maar het is sowieso niet aan te raden om meerdere stylen links in 1 site te gebruiken.

het a atrribuut her-definieren is de meeste zinnige oplossing...

[Willem]

NEK:
check het anders eventjes met TopStyle.
Is erg handig!

Vertel jij me nou eens wat ik met TopStyle zou moeten checken, waarom en wat dat aan een oplossing zou kunnen bijdragen.

[Verwijderd]

Verwijderd schreef op 14 March 2003 @ 16:11:
link-styles gaan voor gewone text-classes, zodat je text-decoration overal kan weghalen behalve als de style ook wordt toegepast wordt op links.

maar het is sowieso niet aan te raden om meerdere stylen links in 1 site te gebruiken.

het a atrribuut her-definieren is de meeste zinnige oplossing...

Ik zou niet weten waarom niet
vooral bij grotere websites kan het bijvoorbeeld praktisch zijn om interne links een andere kleur te geven dan externe links. Zelf gebruik ik praktisch altijd verschillende stijlen hyperlinks, bijvoorbeeld omdat ik ze in een menu gebruik. Kun je mij een reden geven waarom het niet aan te raden is verschillende soorten opmaak op hyperlinks toe te passen zoals je hierboven zegt?

edit:

Verwijderd schreef op 14 maart 2003 @ 09:47:
moet je ook ; gebruiken.

doet hij toch ook

Eric, let vooral op de tips van Milkman_Dan en Hangloozz, je hebt inderdaad een error in je stylesheet zitten en je stylesheet kan veel compacter en duidelijker

[ Voor 17% gewijzigd door Verwijderd op 14-03-2003 16:46 ]

[Verwijderd]

Verwijderd schreef op 14 March 2003 @ 16:43:
[...]

Ik zou niet weten waarom niet
vooral bij grotere websites kan het bijvoorbeeld praktisch zijn om interne links een andere kleur te geven dan externe links. Zelf gebruik ik praktisch altijd verschillende stijlen hyperlinks, bijvoorbeeld omdat ik ze in een menu gebruik. Kun je mij een reden geven waarom het niet aan te raden is verschillende soorten opmaak op hyperlinks toe te passen zoals je hierboven zegt?

omdat het over het algemeen 'slecht' te begrijpen is voor de niet zo ervaren gebruiker, en die willen we niet van informatie onthouden. Ik heb altijd gedcht dat het inderdaad wel mee zou vallen, tot dat ik live getuigen was van een aantal mensen die niet zo veel ervaring hadden mijn site bezochten en ik overal moest uitleggen waar ze op moesten klikken...

heowel ik het wel met je eens ben dat het mogelijk moet zijn om links een andere stijl te geven, maar dan kun je altijd nog A.menu gebruiken als je een link wilt gebruiken in een menu....