FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Probleem met CSS en XHTML 1.0 Strict...

 


dylanm
Wel, ik heb al een paar dagen een probleem met mijn website,...
Ik maak mijn site zelf met Dreamweaver 8 (ik typ de XHTML en CSS code zélf).
Ik maakte eergisteren een index.html bestand aan met de volgende code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Powerdev</title>
</head>
<body>
<p class="powerdev">
<img id="logo" src="images/logo.png" />owerdev
</p>
<p class="slogan">
Where beginning developers can learn.
</p>
<p class="menu">
<a href="">Home</a> | <a href="">Register</a> | <a href="">Login</a> | <a href="">Articles</a> | <a href="">News</a> | <a href="">Fun</a> |
</p>
<h1 class="heading">
<br />Welcome to Powerdev
</h1>
<p class="text">
Powerdev is a site made for beginning developers,<br />giving them tutorials, articles and much more.<br />But as you can see, the site is empty.<br />So I'm asking every developer, who has just written a bit of code or whole programs,<br />if you know something useful, please send an an e-mail to me <a href="">here</a>.<br />Or you can post your tutorial directly on the site <a href="">here</a>.
</p>
<p class="text">
But you can also post funny videos or photos <a href="">here</a>.
</p>
</body>
</html>

Daarna maakte ik een style.css file aan met deze code:

ody
{
background-color: #EEEEEE;
}

.powerdev
{
font: Arial Black;
font-size: 70px;
}

.heading
{
font: Arial Black;
font-size: 25px;
}

.text
{
font: Arial;
font-size: 13px;
}

.menu
{
font: Arial Black;
font-size: 12px;
background-color: #BBBBBB;
}

.slogan
{
font: Arial;
font-size: 12px;
}

.logo
{
height: 100;
width: 100;
}

Als ik het index.html bestand in Dreamweaver bekijk ziet het er juist uit, alle fonts en kleuren netjes op hun plaats.
Daarna valideer ik de XHTML code en er zitten geen fouten in.
Tot slot bekijk ik de code in mijn browsers (IE 7.0 en FF 1.5) en beide geven mijn HTML pagina onjuist weer:
Het font is Times New Roman,...

Wie kan mij helpen?

Dank bij voorbaat,
Dylan.
Roald
Moet je niet
Code:
font-family: Arial;
gebruiken? Ik gebruik dat altijd en dat werkt, alhoewel ik schrijf geen XHTML strict...
timerecords
Ik denk omdat Arial Black geen standaard lettertype is zeg maar, zoals Arial, Helvetica, Times, Courier, Verdana, Geneva...andere reden kan ik niet bedenken...hopelijk heb je bij andere meer geluk
Georgeboy
Je dient dus idd font-family te gebruiken, zoals Roald aanhaalde. Veel verstand van xhtml heb ik ook niet, maar het is dus wel zo binnen het hele gamma van de html versies. Ik vermoed dan ook dat dit niet gewijzigd is en zo blijft in xhtml. Zeker wanneer je een css opstelt moet dit zo zijn. Als je twijfelt aan de tags die je moet gebruiken in css of html, download je best eens een css file van een professioneel opgebouwde website. Hier zul je de meest frequent gebruikte elementen kunnen ophalen en controleren...

Greetz
Bengt
en je code die je post moet in quote of code staan...
dylanm
Ik heb het gevonden,

een waarde die uit twee delen bestaat moet in CSS tussen dubbele quotes staan, dus...

Code:
font-family: Arial;
is juist

Code:
font-family: Arial Black;
is fout ---------->
Code:
font-family: "Arial Black";
is juist
en al mijn code staat nu tussen "code"

dylanm

-------------------------------------------------------------------
I hacked 127.0.0.1!
Reply to topic    Frihost Forum Index -> Dutch -> Algemeen

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.