<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>css code en javascript voor de landkaart.</title>
<verwijzende_link>http://www.dns4.nl/pagina/html_code/kaart_van_nederland.html</verwijzende_link>
<informatie>


</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

	<style type="text/css">
		#kaartvannederland{position:absolute;width:46%;left:31%;top:28em;z-index:8;margin-left:5%;}
		#nederland{background:url(nederland/nederland.gif) no-repeat;display:block;height:320px;width:270px;}
		#nh{background:url(nederland/noordholland.gif) no-repeat;display:block;height:115px;width:62px;position:relative;
		top:-283px;left:76px;}
		#nh:hover{background:url(nederland/noordhollandhv.gif) no-repeat;}
		#fr{background:url(nederland/friesland.gif) no-repeat;display:block;height:81px;width:110px;position:relative;
		top:-435px;left:102px;}
		#fr:hover{background:url(nederland/frieslandhv.gif) no-repeat;}
		#ge{background:url(nederland/gelderland.gif) no-repeat;display:block;height:89px;width:129px;position:relative;
		top:-402px;left:113px;}
		#ge:hover{background:url(nederland/gelderlandhv.gif) no-repeat;}
		#ov{background:url('nederland/overijssel.gif') no-repeat;display:block;height:83px;width:88px;position:relative;
		top:-530px;left:171px}
		#ov:hover{background:url('nederland/overijsselhv.gif') no-repeat;}
		#gr{background:url(nederland/groningen.gif) no-repeat;display:block;height:72px;width:75px;position:relative;
		top:-684px;left:190px;}
		#gr:hover{background:url(nederland/groningenhv.gif) no-repeat;}
		#dr{background:url(nederland/drente.gif) no-repeat;display:block;height:71px;width:70px;position:relative;
		top:-728px;left:189px;}
		#dr:hover{background:url(nederland/drentehv.gif) no-repeat;}
		#fl{background:url(nederland/flevoland.gif) no-repeat;display:block;height:68px;width:60px;position:relative;
		top:-756px;left:122px;}
		#fl:hover{background:url(nederland/flevolandhv.gif) no-repeat;}
		#br{background:url(nederland/brabant.gif) no-repeat;display:block;height:70px;width:127px;position:relative;
		top:-710px;left:60px;}
		#br:hover{background:url(nederland/brabanthv.gif) no-repeat;}
		#lb{background:url(nederland/limburg.gif) no-repeat;display:block;height:125px;width:47px;position:relative;
		top:-774px;left:156px;}
		#lb:hover{background:url(nederland/limburghv.gif) no-repeat;}
		#zl{background:url(nederland/zeeland.gif) no-repeat;display:block;height:76px;width:64px;position:relative;
		top:-899px;left:1px;}
		#zl:hover{background:url(nederland/zeelandhv.gif) no-repeat;}
		#zh{background:url(nederland/zuidholland.gif) no-repeat;display:block;height:78px;width:97px;position:relative;
		top:-1038px;left:32px;}
		#zh:hover{background:url(nederland/zuidhollandhv.gif) no-repeat;}
		#ut{background:url(nederland/utrecht.gif) no-repeat;display:block;height:41px;width:61px;position:relative;
		top:-1110px;left:99px;}
		#ut:hover{background:url(nederland/utrechthv.gif) no-repeat;}
	</style>
	<script type="text/javascript">
		function ganaar(provincie){
			if (provincie==1){location.href="een_link_ergens_naar_toe1.html";}
			if (provincie==2){location.href="een_link_ergens_naar_toe2.html";}
			if (provincie==3){location.href="een_link_ergens_naar_toe3.html";}
			if (provincie==4){location.href="een_link_ergens_naar_toe4.html";}
			if (provincie==5){location.href="een_link_ergens_naar_toe5.html";}
			if (provincie==6){location.href="een_link_ergens_naar_toe6.html";}
			if (provincie==7){location.href="een_link_ergens_naar_toe7.html";}
			if (provincie==8){location.href="een_link_ergens_naar_toe8.html";}
			if (provincie==9){location.href="een_link_ergens_naar_toe9.html";}
			if (provincie==10){location.href="een_link_ergens_naar_toe10.html";}
			if (provincie==11){location.href="een_link_ergens_naar_toe11.html";}
			if (provincie==12){location.href="een_link_ergens_naar_toe12.html";}
		}
	</script>
</script>

de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
