Script werkt niet.

MrMorrie1 · 2 jul 2011

Hallo,
Ik zie zelf geen fouten in het volgende script:

HTML:

<html>
<head>
<title>Homepagina </title>
<script type="text/css">
body {
		 										padding-left: 11em;
												font-family: Georgia "Calibri",
												Times, serif;
												color: black;
												background-color: #000099 }
div.class {							
												width: 440;
												padding: 40px;
												border: 10px;
												background-color: #ffff00;
												solid: #000000;
												margin: 3px }
div.class2 {
					 							width: 2000;
												padding: 80px;
												border: 16px;
												background-color: #808080;
												solid: #000000;
												margin: 6px }
</script>
</head>
<body>

<center><div class="class">Homepagina</center></div>

Kan iemand mij helpen, want mij lijkt het wel goed.
Er komt dan de tekst 'Homepagina'.
Het vreemdste vind ik dat de achtergrond niet werkt en de box.

RogerS · 2 jul 2011

er staan 2 fouten in. Op de eerste plaats is dit geen script. De code tussen <script> en </script> moet tussen <style> en </style> . Daarnaast is het erg onverstandig om gereserveerde woorden te gebruiken als naam in je code. Het gebruik van "class" als classname is erg verwarrend en zal er meestal voor zorgen dat je code ook niet optimaal werkt.

csshunter · 3 jul 2011

Nog een paar:

Komma's tussen lettertypes.

Code:

font-family: Georgia "Calibri", Times, serif;

[I]moet zijn:[/I]
font-family: Georgia, Calibri, Times, serif;

Alle maten moeten een eenheid hebben, als de waarde niet 0 is.

Code:

width: 440;
 
[I]moet zijn:[/I]
width: 440px;

solid: #000000; is geen eigenschap. Deze zal bij de border horen:

Code:

border: 10px solid #000000;

<center> is afgekeurde html. Kan met css, bv.:

Code:

div {                 /* hele div centreren (tekst begint links in de div) */
   width: 440px;
   margin: 3px auto;
   border: 1px dotted red;   /* randje om te zien waar de div zit */
}
h1 {
   text-align: center;       /* tekst in de h1 centreren */
   border: 1px dotted green; /* randje om te zien waar de h1 zit */
   }

Zie ook m'n handtekening hieronder!

Met vriendelijke groet,
CSShunter

MrMorrie1 · 3 jul 2011

Dank jullie wel!

Script werkt niet.

MrMorrie1

Gebruiker

RogerS

Meubilair

csshunter

Meubilair

MrMorrie1

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy