Hei
Vi driver å lager en side som skal være validert som HTML5. Det har vi klart å fikse men som kom ett nytt problem og det er at den ikke vil lese norske bokstaver. Vi har UTF-8. Noen som vet hvordan man fikser dette?
Her er koden:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Senior surf</title>
<link rel="styleSheet" type="text/css" href="surf.css" title="Standard CSS" />
<script type="text/javascript">
function setTextSize(size) {
var a = '10px'; // LITEN SKRIFT
var b = '14px'; // MIDDELS SKRIFT
var c = '18px'; // STOR SKRIFT
if (size === 'small') {
size = a;
} else if (size === 'large') {
size = c;
} else {
size = b;
}
document.getElementById('innhold').style.fontSize = size;
}
</script>
</head>
<body>
<!-- HEADER -->
<div id="container">
<div id="header">
<h1>
Senior Surf
</h1>
</div>
<!-- Meny -->
<div id="meny">
<div class="meny"> <div class="meny2"> <div class="meny3">
<span style="padding : 5%;">
<a href="index.html" ><strong> Startsiden </strong> </a>
</span>
<span style="padding : 5%;">
<a href="video.html" ><strong> Video leksjoner </strong> </a>
</span>
<span style="padding : 5%;">
<a href="linker.html" ><strong> Lenker </strong> </a>
</span>
<span style="padding : 5%;">
<a href="undersider.html" ><strong> Lær å bruke internett </strong> </a>
</span>
<span style="padding : 5%;">
<a href="hjelp.html" ><strong> Hjelp </strong> </a>
</span>
</div> </div> </div> </div>
<p>Skrift
<a href="javascript:void(0);" onclick="setTextSize('small'); return false;" style="font-size:15px;">A</a>
<a href="javascript:void(0);" onclick="setTextSize('medium'); return false;" style="font-size:20px;">A</a>
<a href="javascript:void(0);" onclick="setTextSize('large'); return false;" style="font-size:25px;">A</a>
</p>
<div id="innhold" style="border-top:1px solid #000000;">
<!-- Brødtekst -->
<div id="main">
<h2> Seniorsurf Epicuri propriae </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut</p> <p>wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum </p> <p>dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio </p> <p>dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend </p> <p>congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit </p> <p>claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur </p> <p>mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis</p> <p>seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
</div>
<!-- footer -->
<div id="footer">
<div class="meny"> <div class="meny2"> <div class="meny3">
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> Om siden </strong> </a>
</span>
<span style="padding : 5%;">
<a href="kontakt.html"> <strong> Kontakt oss </strong> </a>
</span>
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> Linker </strong> </a>
</span>
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> tjenester </strong> </a>
</span>
</div> </div> </div> </div>
</div>
</div>
<p>
<a href="http://validator.w3.org/check/referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>
</body>
</html>
Vi driver å lager en side som skal være validert som HTML5. Det har vi klart å fikse men som kom ett nytt problem og det er at den ikke vil lese norske bokstaver. Vi har UTF-8. Noen som vet hvordan man fikser dette?
Her er koden:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Senior surf</title>
<link rel="styleSheet" type="text/css" href="surf.css" title="Standard CSS" />
<script type="text/javascript">
function setTextSize(size) {
var a = '10px'; // LITEN SKRIFT
var b = '14px'; // MIDDELS SKRIFT
var c = '18px'; // STOR SKRIFT
if (size === 'small') {
size = a;
} else if (size === 'large') {
size = c;
} else {
size = b;
}
document.getElementById('innhold').style.fontSize = size;
}
</script>
</head>
<body>
<!-- HEADER -->
<div id="container">
<div id="header">
<h1>
Senior Surf
</h1>
</div>
<!-- Meny -->
<div id="meny">
<div class="meny"> <div class="meny2"> <div class="meny3">
<span style="padding : 5%;">
<a href="index.html" ><strong> Startsiden </strong> </a>
</span>
<span style="padding : 5%;">
<a href="video.html" ><strong> Video leksjoner </strong> </a>
</span>
<span style="padding : 5%;">
<a href="linker.html" ><strong> Lenker </strong> </a>
</span>
<span style="padding : 5%;">
<a href="undersider.html" ><strong> Lær å bruke internett </strong> </a>
</span>
<span style="padding : 5%;">
<a href="hjelp.html" ><strong> Hjelp </strong> </a>
</span>
</div> </div> </div> </div>
<p>Skrift
<a href="javascript:void(0);" onclick="setTextSize('small'); return false;" style="font-size:15px;">A</a>
<a href="javascript:void(0);" onclick="setTextSize('medium'); return false;" style="font-size:20px;">A</a>
<a href="javascript:void(0);" onclick="setTextSize('large'); return false;" style="font-size:25px;">A</a>
</p>
<div id="innhold" style="border-top:1px solid #000000;">
<!-- Brødtekst -->
<div id="main">
<h2> Seniorsurf Epicuri propriae </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut</p> <p>wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum </p> <p>dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio </p> <p>dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend </p> <p>congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit </p> <p>claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur </p> <p>mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis</p> <p>seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
</div>
<!-- footer -->
<div id="footer">
<div class="meny"> <div class="meny2"> <div class="meny3">
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> Om siden </strong> </a>
</span>
<span style="padding : 5%;">
<a href="kontakt.html"> <strong> Kontakt oss </strong> </a>
</span>
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> Linker </strong> </a>
</span>
<span style="padding : 5%;">
<a href="seniorsurf.html"> <strong> tjenester </strong> </a>
</span>
</div> </div> </div> </div>
</div>
</div>
<p>
<a href="http://validator.w3.org/check/referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>
</body>
</html>