css-code op body-tag wordt niet toegepast in html

Status
Niet open voor verdere reacties.
T

tazzzie007

Gebruiker
Lid geworden
28 nov 2009
Berichten
18
Goeiedag

Ik heb een probleem om een stylesheet te linken aan een html-bestand. Het lukt om de <a>-tag aan te passen, maar bij de <body>-tag gebeurt er niets.

Ik hoop dat iemand mij kan helpen, want ik heb al bijna alles geprobeerd.

CSS:
<style type = "text/css">
<!--
body {
font-family: Arial;
font-size: 1.1em;
color: #003;
background-image: url(foto.gif);
}

a:link {
color: black;
text-decoration: none;
}

a:hover {
color: blue;
}

-->

</style>

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href="lay-out.css" rel="stylesheet" type="text/css" />

<meta http-equiv="Content-Type" content="txt/html; charset=iso-8859-1" />
<title> Default </title>
</head>

<body >

Tekst

<a href="link"> link </a>

</body>
</html>

Alvast bedankt

Tazzzie007
 
Sorry, maar het helpt ook niet.
't is raar, want de link werkt wel heel de tijd al.
 
De link werkt (ik heb gewoon zelf een link verzonnen, het is gewoon om te zien als de stijl werd toegepast).
Het is alles wat tussen de body-tags staat dat niet werk.
Als het over de url van de foto gaat, dat is gewoon de naam van een foto die zich in de map bevindt.

Nu, ik heb eens geprobeerd om de css-stijl van eerste keer in de head van het html-bestand te zetten, en dat werkt ook niet. Alle andere stijlen werken ('k heb er nog een paar uitgeprobeerd op <p>- en <div>-tags, maar bij <body> gebeurt er dus niets :/

Tazzzie007
 
Sorry foutje. Met te kopiëren naar de head werkt het wel ('k was een accolade vergeten te selecteren).
'k zou wel nog altijd willen weten hoe het gaat met een extern stylesheet.

Tazzzie007
 
tazzzie007 zei:
De link werkt (ik heb gewoon zelf een link verzonnen
......
Als het over de url van de foto gaat, dat is gewoon de naam van een foto die zich in de map bevindt.
Klik om te vergroten...

Ik kan het effe niet meer volgen.
Je hebt een probleem met CSS en HTML,
dan is er toch een pagina?

Hoezo zelf een link verzonnen? En die werkt?
 
Ik werk met een extern stijlblad. Het stijlblad bevat de css-code, een html-bestand met mijn html-code.

In de head van het html-bestand kun je dan zeggen van waar de css-code moet worden gehaald.

De link moet nergens naar verwijzen. Wat tussen de aanhalingstekens staat wordt aanzien als link => <a href=" ... "> naam van link </a>.
Er verschijnt een link, maar als je er op klikt gebeurt er niets (wat ook de bedoeling is, het is gewoon een voorbeeld). De stijlen worden wel toegepast (het uitzicht van de link als er niet op geklikt is (a:link) en als je er overgaat met de muis (a:hover) => in dit geval als je er niet op klikt: zwarte letters, geen onderlijning. Met de muis er overgaan: blauwe letter + onderlijnd)

Tazzzie007
 
Hoi Tazzzie007,
Als de inhoud van je stylesheet lay-out.css letterlijk is:
Code: 
<style type = "text/css">
<!--
body {
font-family: Arial;
font-size: 1.1em;
color: #003;
background-image: url(foto.gif);
}

a:link {
color: black;
text-decoration: none;
}

a:hover {
color: blue;
}

-->
</style>
... dan zou 't kunnen dat het niet goed werkt bij een verwijzing vanuit de html.
In de html-verwijzing staat namelijk al dat het stylesheet van het type "text/css" is, en dat mag dan niet in het stylesheet zelf staan.

Ik zou eens proberen als enige inhoud in het stylesheet te zetten:
Code: 
body {
font-family: Arial;
font-size: 1.1em;
color: #003;
background-image: url(foto.gif);
}

a:link {
color: black;
text-decoration: none;
}

a:hover {
color: blue;
}
Met vriendelijke groet,
CSShunter
___________
PS: Sloeg de css-validator hier niet op aan?
 
Bedankt CSShunter, dat bleek dus inderdaad het probleem te zijn.
Alles werkt nu zoals het moet. :D

Tazzzie007
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan