stylesheets

  • Onderwerp starter Onderwerp starter B1B2
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
B

B1B2

Gebruiker
Lid geworden
10 jan 2004
Berichten
109
Ik heb een webpagina gemaakt met html (html kit als editor) en wil de opmaak ook voor andere pagina´s gebruiken. Ik heb op http://www.handleidinghtml.nl/ gelezen dat je dat mbv een extern stlijblad doet. Ik heb de stijlregels uit het html document overgezet naar een apart document maar het werkt niet. Hoe verwijs ik locaal (op de pc dus) naar het externe stijlblad? Dit staat er nu: <link rel="stylesheet" type="text/css" href="hstyle.css">
 
Laatst bewerkt:
hstyle.css is de naam van je externe bestand,
moet gewoon in de map bij je overige files staan.

En natuurlijk alleen de code in dit document,
dus ZONDER
<STYLE TYPE="text/css">
</style>

:cool:
 
Dank Peter; maar dat is precies wat ik al heb geprobeerd, en het werkt niet; :mad: . Ik kijk vast over een foutje heen...
 
In je file werkt het wel.
Als je stylesheet in dezelfde map staat als je html files moet het werken.
Als het niet werkt
post hier je code.


:cool:
 
OK, ik kijk er vast overheen.
Code in de html file:
<html>
<head>
<link rel="stylesheet" type="text/css" href="hstyle.css">
<title>Titel in IE balk</title>
</head>
<body>
Tekst<br>
link zonder verwijzing naar stijl: <a href="index.htm">Home</a><br>
link met verwijzing naar stijl: <a CLASS="menu" href="index.htm">Home</a>
</body>
</html>
Code in het externe stijlblad:
A.menu:link { color: white; }
A.menu:visited { color: white; }
A.menu:active { color: white;}
A.menu:hover { text-decoration:underline;}
 
Werkt prima.

<html>
<head>
<title>
Titel in IE balk
</title>

<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@import url(hstyle.css);
</style>

</head>
<body>
Tekst
<br>
<center>
link zonder verwijzing naar stijl:
<a href="index.htm">Home</a>
<br>
link met verwijzing naar stijl:
<a href="index.htm" CLASS="menu">Home</a>
link met verwijzing naar stijl:
<a href="index.htm" CLASS="menu">Home</a>
</center>
</body>
</html>


en dit in de hstyle.css file

A.menu:link { color: green;border:1px solid #ffff00;}
A.menu:visited { color: red; border:1px solid #ff0000;}
A.menu:active { color: blue;border:1px solid #ff00ff;}
A.menu:hover { text-decoration:underline;border:3px solid #ff0000;}

:cool:
 
Ook deze code heeft bij mij niet het gewenste effect; moet ik een instelling wijzigen of zo?:mad:
 
Laatst bewerkt:
Nee je hoeft niks te wijzigen.

Hoe heb je de css opgeslagen, met welk prog?
Neem aan met een html editor of met kladblok.

En als de css file in dezelfde map staat als de html file moet het werken.

:cool:
 
Ik heb het geprobeerd zowel met HTML Kit als Kladblok; zonder succes.
 
Schop mij maar om........

Hierbij een zip met de twee bestanden.

Kijk eens of dat werkt.

:cool:
 

Bijlagen

Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan