Archief - Q: Hoe kan ik iets vast plakken aan de bodem van het browser scherm?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
T

TeddySo

Legacy Member
ja, ik ben ook niet zo gevorderd als jullie, en heb er ook niet voor gestudeerd, waarom denk je dat ik mijn project in een WYSIWYG web builder maak? omdat ik aleen basic ken.
T

TeddySo

Legacy Member
<div id="wb_Image8">
<div id="wb_Image2">
<div id="wb_Image15">
<div id="wb_Image16">
<div id="wb_Image17">
<div id="wb_Image18">
<div id="wb_Image29">
<div id="wb_Image4">
<div id="wb_Image5">
<div id="wb_Image6">
<div id="wb_Image52">
<div id="wb_Image31">
<div id="wb_Image32">
<div id="wb_Image33">
<div id="wb_Image34">
<div id="wb_Image35">
<div id="wb_Image36">
<div id="wb_Image37">
<div id="wb_Image38">
<div id="wb_Image39">
<div id="wb_Image40">
<div id="wb_Image41">
<div id="wb_Image44">
<div id="wb_Image9">
<div id="basicclock">


zijn de <div> die aan de boddem moet kleve
C

Curahee Q

Legacy Member
No offence natuurlijk, maar wil je het leren? Begin dan aub niet met zo een editor maar gewoon met kladblok of met dreamweaver waar je dan meteen je design in kan aanpassen. Gebruik dan ook niet de wysiwyg van dreamweaver want dat is ook brakke code.

Begin gewoon met dingen te maken die binnen je grenzen liggen, maar probeer altijd te overdrijven. Hiermee bedoel ik dus dat je je het voor jezelf telkens wat moeilijker maakt zodat je bijleert.

Zoals die css, begin gewoon een nieuwe website (lokaal op je pc) en maak gebruik van css. Gewoon plain simple om dat onder de knie te krijgen. Het is echt niet zo heel moeilijk als je het wat door hebt. Als je wat engels kan is deze site ook een must voor een beginneling W3Schools Online Web Tutorials (klik door naar css) en zelfs voor gevorderde. Want je moet eerlijk zijn, met zo een wysiwyg leer je NIKS.

Het zal in begin wat tijd kosten ja, ik ben ook op mijn 14 begonnen met html (nog geen css toen) en ben nu 18. Heb er niet voor gestudeerd op school maar alles zelf uitgezocht, boeken gelezen (van de bibliotheek) etc. omdat ik het echt wou leren.

Maar goed, je ziet zelf maar. Wil je het niet echt leren maar je gewoon amuseren doe je gerust verder op de manier waar je nu mee bezig bent.

Grtzz
C

Curahee Q

Legacy Member
Een snel gokje van hoe het ongeveer zal zijn.

HTML: 
<div id="footer">
	<div id="wb_Image8">
	<div id="wb_Image2">
	<div id="wb_Image15">
	<div id="wb_Image16">
	<div id="wb_Image17">
	<div id="wb_Image18">
	<div id="wb_Image29">
	<div id="wb_Image4">
	<div id="wb_Image5">
	<div id="wb_Image6">
	<div id="wb_Image52">
	<div id="wb_Image31">
	<div id="wb_Image32">
	<div id="wb_Image33">
	<div id="wb_Image34">
	<div id="wb_Image35">
	<div id="wb_Image36">
	<div id="wb_Image37">
	<div id="wb_Image38">
	<div id="wb_Image39">
	<div id="wb_Image40">
	<div id="wb_Image41">
	<div id="wb_Image44">
	<div id="wb_Image9">
	<div id="basicclock">
</div>

css:
div#footer {
	float: left;
	position: fixed;
	bottom: 0;
}
T

TeddySo

Legacy Member
grijs haar krijg ik ervan :p mss laat ik het beter over aan de gevorderde :p
</footer> moet: </div> zijn.
a

adrianhates

Legacy Member
loool , dat je die vraag al stelt , toont idd aan dat je er niets van kent :)

kzou het idd aan een gevorderde overlaten :)

<elketag moet zijn closing tag hebben>
behalve uitzonderingen zoals <img /> of <br /> en <hr />
</elketag moet zijn closing tag hebben>
T

TeddySo

Legacy Member
dus had ik wel gelijk he, intussen is het al verandert. maar nu trg ontopic.
iemand een oplossing? want ik kan er echt niet meer aan uit, heb nu die div's in een div gestoken, en die css doet gewoon niets.
T

TeddySo

Legacy Member
is toch erg, iedereen die comentaar heeft, maar niemand die een uitkomst heeft.

greetz
F

FurtiveDuck

Legacy Member
TeddySo zei:
<div id="wb_Image8">
<div id="wb_Image2">
<div id="wb_Image15">
<div id="wb_Image16">
<div id="wb_Image17">
<div id="wb_Image18">
<div id="wb_Image29">
<div id="wb_Image4">
<div id="wb_Image5">
<div id="wb_Image6">
<div id="wb_Image52">
<div id="wb_Image31">
<div id="wb_Image32">
<div id="wb_Image33">
<div id="wb_Image34">
<div id="wb_Image35">
<div id="wb_Image36">
<div id="wb_Image37">
<div id="wb_Image38">
<div id="wb_Image39">
<div id="wb_Image40">
<div id="wb_Image41">
<div id="wb_Image44">
<div id="wb_Image9">
<div id="basicclock">


zijn de <div> die aan de boddem moet kleve
Klik om te vergroten...

Net gezocht naar al die dingen, maar kan het zijn dat die allemaal verspreid staan over alle pagina's, of staan die wel degelijk ergens anders onder elkaar. Heel de boel is een beetje moeilijk te ontcijferen omdat alles na elkaar staat.
C

Curahee Q

Legacy Member
Dat is ook meteen de reden waarom niemand staat te springen om dit probleem op te lossen. Als je mijn code bekijkt van die linux, dat ziet er al veel properder uit en dus ook veel gemakkelijker te zien wat alles doet.

@FurtiveDuck: Staan die niet gewoon allemaal vanonder? Of heb ik dat nu zo miskeken.

Edit:
Het gaat over deze als ik me niet vergis:
HTML: 
<div id="wb_Image30" style="overflow:hidden;position:absolute;left:909px;top:700px;z-index:34" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image30" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image31" style="overflow:hidden;position:absolute;left:940px;top:700px;z-index:35" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image31" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image32" style="overflow:hidden;position:absolute;left:972px;top:700px;z-index:36" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image32" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image33" style="overflow:hidden;position:absolute;left:1003px;top:700px;z-index:37" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image33" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image34" style="overflow:hidden;position:absolute;left:1036px;top:700px;z-index:38" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image34" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image35" style="overflow:hidden;position:absolute;left:1068px;top:700px;z-index:39" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image35" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image36" style="overflow:hidden;position:absolute;left:1097px;top:700px;z-index:40" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image36" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image37" style="overflow:hidden;position:absolute;left:1130px;top:700px;z-index:41" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image37" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image38" style="overflow:hidden;position:absolute;left:1162px;top:700px;z-index:42" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image38" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image39" style="overflow:hidden;position:absolute;left:1194px;top:700px;z-index:43" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image39" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image40" style="overflow:hidden;position:absolute;left:1227px;top:700px;z-index:44" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image40" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image41" style="overflow:hidden;position:absolute;left:1259px;top:700px;z-index:45" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image41" alt="" align="top" border="0" style="width:34px;height:30px;"></div> 
<div id="wb_Image44" style="overflow:hidden;position:absolute;left:1286px;top:700px;z-index:46" align="left"> 
<img src="https://www.beyondgaming.be/forums" id="Image44" alt="" align="top" border="0" style="width:34px;height:30px;"></div>
T

TeddySo

Legacy Member
FurtiveDuck zei:
Net gezocht naar al die dingen, maar kan het zijn dat die allemaal verspreid staan over alle pagina's, of staan die wel degelijk ergens anders onder elkaar. Heel de boel is een beetje moeilijk te ontcijferen omdat alles na elkaar staat.
Klik om te vergroten...

ja die staan allemaal ergens anders, daarom dat ik ze eruit gehaald heb.

anders moet je die in een aparte div steken.

zo:

<div id="footer">
<div id="wb_Image39"
<div id="wb_Image39"
<div id="wb_Image39"
</div>
</div>

gaat dat?

die space.bmp is de ruimte van de venster in de taalbalk, tot de klok
j

j design

Legacy Member
Oh heerlijk toch dat bumpen. Nooit gehoord van de edit knop?
En btw voor hier een beetje op iedereen zijn zenuwen te komen werken met praat als "is toch erg, iedereen die comentaar heeft, maar niemand die een uitkomst heeft."
Waarom zijn die posts dan? Wees blij dat iemand zelf de moeite wil doen om door dat stuk tekst de gaan.
Volg Curahee Q en start met zelf iets te leren en wat motivatie te tonen.
We gaan uwe vuilbak ook niet komen leegmaken ze.

zal proberen de code op te ruimen, oke.
Klik om te vergroten...
Goed zo

En btw, hoe heb je dit dan in elkaar gestoken? Kennethdhoe.be
C

Curahee Q

Legacy Member
Er staat rechtsvanonder "Design by" dus wss gewoon een template ofzo.
T

TeddySo

Legacy Member
Hier de opgeruimde code.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>XP Kennethdhoe.be / Snellkopelingpagina</title>
<meta name="author" content="D'hoe Kenneth">
<meta name="keywords" content="XP.css, XP stijl, xp template">
<meta http-equiv="imagetoolbar" content="no">
<link rel="shortcut icon" href="windows-ico.ico">
<script type="text/javascript">










<!--Hier beginenen de javascripts, en het laden van de afbeeldingen-->
<!--
function FindObject(id, doc)
{
   var child, elem;
   if(!doc)
      doc=document;
   if(doc.getElementById)
      elem=doc.getElementById(id);
   else
   if(doc.layers)
      child=doc.layers;
   else
   if(doc.all)
      elem=doc.all[id];
   if(elem)
      return elem;
   if(doc.id==id || doc.name==id)
      return doc;
   if(doc.childNodes)
      child=doc.childNodes;
   if(child)
   {
      for(var i=0; i<child.length; i++)
      {
         elem=FindObject(id,child[i]);
         if(elem)
            return elem;
      }
   }
   var frm=doc.forms;
   if(frm)
   {
      for(var i=0; i<frm.length; i++)
      {
         var elems=frm[i].elements;
         for(var j=0; j<elems.length; j++)
         {
            elem=FindObject(id,elems[i]);
            if(elem) return elem;
         }
      }
   }
   return null;
}
// -->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function ShowObject(id, flag)
{
   var elem=FindObject(id);
   if(elem)
      elem.style.visibility=flag?'visible':'hidden';
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function SetImage(id, filename)
{
   var elem=FindObject(id);
   if(elem)
   {
      elem.src=filename;
   }
}
//-->
</script>
<div id="wb_JavaScript2" style="position:absolute;left:1277px;top:62px;width:122px;height:29px;z-index:17;" align="left">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
var speed = 10;
var pause = 1500;
var timerID = null;
var bannerRunning = false;

var ar = new Array();

ar[0] = "Welkom To Windows XP Kennethdhoe.be";
ar[1] = "De Eenvoudige weg naar websites";
ar[2] = "http://www.kennethdhoe.be";

var message = 0;
var state = "";

clearState();

function stopBanner() 
{	
   if (bannerRunning)		
      clearTimeout(timerID);
   timerRunning = false;
}

function startBanner() 
{	
   stopBanner();
   showBanner();
}

function clearState() 
{	
   state = "";	
   for (var i = 0; i < ar[message].length; ++i) 
   {		
      state += "0";
   }
}

function showBanner() 
{	
   if (getString()) 
   {		
      message++;
      if (ar.length <= message)			
         message = 0;
      clearState();	
      timerID = setTimeout("showBanner()", pause);
   } 
   else 
   {
      var str = "";
      for (var j = 0; j < state.length; ++j) 
      {
         str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     ";
      }		
      window.status = str;
      timerID = setTimeout("showBanner()", speed);
   }
}

function getString() 
{	
   var full = true;
   for (var j = 0; j < state.length; ++j) 
   {		
      if (state.charAt(j) == 0)			
         full = false;
   }	
   if (full) return true;
   while (1) 
   {
      var num = getRandom(ar[message].length);
      if (state.charAt(num) == "0")
         break;
   }
   state = state.substring(0, num) + "1" + state.substring(num + 1, state.length);
   return false;
}

function getRandom(max) 
{
   var now = new Date();
   var num = now.getTime() * now.getSeconds() * Math.random();
   return num % max;
}

startBanner();
// -->
</SCRIPT>
</div>
<div id="wb_JavaScript3" style="position:absolute;left:1324px;top:118px;width:75px;height:35px;z-index:33;" align="left">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function NoRightClick(e) 
{ 
   if(navigator.appName=="Netscape") 
   {
      if(e.which==3||e.which==2) 
      { 
         return false; 
      }
   }
   else 
   { 
      event.cancelBubble=true; 
      event.returnValue=false;
   }
}

if(navigator.appName=="Netscape") 
   window.captureEvents(Event.MOUSEDOWN)
document.oncontextmenu=NoRightClick; 
window.onmousedown=NoRightClick;
// -->
</SCRIPT>
</div>
</head>






<!--hier zegt hij welke afbeeldingen hij niet mag tonen+Kleur van de tekst, ETC-->
<body bgcolor="#004E98" text="#000000" style="scrollbar-face-color:#ECE9D8;scrollbar-arrow-color:#000000;scrollbar-3dlight-color:#ECE9D8;scrollbar-darkshadow-color:#716F64;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#ACA899;scrollbar-track-color:#D4D0C8;" onload="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('TextArea1', 0);ShowObject('wb_Image29', 0);return false;">

<!--Footer die moet vast kleven-->
<div id="wb_Image1" style="overflow:hidden;position:absolute;left:0px;top:700px;z-index:6" align="left">
<a href="#" onclick="ShowObject('wb_Image8', 1);ShowObject('wb_Image15', 1);ShowObject('wb_Image16', 1);ShowObject('wb_Image18', 1);ShowObject('wb_Image17', 1);ShowObject('wb_Image29', 1);return false;" onmouseover="SetImage('Image1','images/Starton.bmp');return false;" onmouseout="SetImage('Image1','images/Start.bmp');return false;" onmousedown="SetImage('Image1','images/StartP.bmp');return false;" onmouseup="SetImage('Image1','images/Start.bmp');return false;">
<img src="images/Start.bmp" id="Image1" alt="" align="top" border="0" style="width:97px;height:30px;"></a></div>

<div id="wb_Image2" style="overflow:hidden;position:absolute;left:97px;top:700px;z-index:7" align="left">
<img src="images/Space.bmp" id="Image2" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image3" style="overflow:hidden;position:absolute;left:104px;top:700px;z-index:8" align="left">
<a href="#" onclick="window.open('http://www.kennethdhoe.be');return false;" onmouseover="SetImage('Image3','images/10.bmp');return false;" onmouseout="SetImage('Image3','images/1.bmp');return false;">
<img src="images/1.bmp" id="Image3" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image4" style="overflow:hidden;position:absolute;left:265px;top:700px;z-index:9" align="left">
<a href="#" onclick="window.open('http://www.google.be');return false;" onmouseover="SetImage('Image4','images/20.bmp');return false;" onmouseout="SetImage('Image4','images/2.bmp');return false;">
<img src="images/2.bmp" id="Image4" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>
  
<div id="wb_Image5" style="overflow:hidden;position:absolute;left:426px;top:700px;z-index:10" align="left">
<a href="#" onclick="window.open('http://www.delijn.be');return false;" onmouseover="SetImage('Image5','images/30.bmp');return false;" onmouseout="SetImage('Image5','images/3.bmp');return false;">
<img src="images/3.bmp" id="Image5" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image6" style="overflow:hidden;position:absolute;left:587px;top:700px;z-index:11" align="left">
<a href="#" onclick="window.open('http://www.hotmail.be');return false;" onmouseover="SetImage('Image6','images/40.bmp');return false;" onmouseout="SetImage('Image6','images/4.bmp');return false;">
<img src="images/4.bmp" id="Image6" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image7" style="overflow:hidden;position:absolute;left:748px;top:700px;z-index:12" align="left">
<a href="#" onclick="window.open('http://www.kennethdhoe.be/muziek');return false;" target="_self" onmouseover="SetImage('Image7','images/50.bmp');return false;" onmouseout="SetImage('Image7','images/5.bmp');return false;">
<img src="images/5.bmp" id="Image7" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image8" style="overflow:hidden;position:absolute;left:1px;top:260px;z-index:2" align="left">
<a href="#" onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/StartM_01.bmp" id="Image8" alt="" align="top" border="0" title="Menu" style="width:381px;height:440px;"></a></div>

<div id="wb_Image9" style="overflow:hidden;position:absolute;left:1318px;top:700px;z-index:4" align="left">
<img src="images/Klok_01.bmp" id="Image9" alt="" align="top" border="0" style="width:104px;height:30px;"></div>

<div id="wb_Image15" style="overflow:hidden;position:absolute;left:3px;top:328px;z-index:18" align="left">
<a href="about:blank" target="_blank" onmouseover="ShowObject('wb_Image29', 0);return false;" onmouseup="ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image8', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image17', 0);return false;">
<img src="images/Nieuw.bmp" id="Image15" alt="" align="top" border="0" style="width:173px;height:47px;"></a></div>

<div id="wb_Image16" style="overflow:hidden;position:absolute;left:198px;top:330px;z-index:19" align="left">
<a href="http://pc1.kennethdhoe.be" target="_blank" onmouseup="ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image8', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/Deze.bmp" id="Image16" alt="" align="top" border="0" style="width:166px;height:44px;"></a></div>

<div id="wb_Image18" style="overflow:hidden;position:absolute;left:20px;top:626px;z-index:20" align="left">
<a href="#" onclick="ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);return false;" onmouseover="ShowObject('wb_Image19', 1);ShowObject('wb_Image20', 1);ShowObject('wb_Image21', 1);ShowObject('wb_Image22', 1);ShowObject('wb_Image23', 1);ShowObject('wb_Image24', 1);ShowObject('wb_Image26', 1);ShowObject('wb_Image25', 1);ShowObject('wb_Image27', 1);return false;">
<img src="images/Menu2o.bmp" id="Image18" alt="" align="top" border="0" style="width:159px;height:25px;"></a></div>

<div id="wb_Image19" style="overflow:hidden;position:absolute;left:175px;top:378px;z-index:21" align="left">
<img src="images/StartM2.bmp" id="Image19" alt="" align="top" border="0" style="width:227px;height:274px;"></div>

<div id="wb_Image20" style="overflow:hidden;position:absolute;left:193px;top:388px;z-index:22" align="left">
<a href="http://www.microsoft.be" target="_blank" onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/CataS.bmp" id="Image20" alt="" align="top" border="0" style="width:131px;height:16px;"></a></div>

<div id="wb_Image21" style="overflow:hidden;position:absolute;left:191px;top:524px;z-index:23" align="left">
<a href="http://www.google.be" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/GoogleS.bmp" id="Image21" alt="" align="top" border="0" style="width:117px;height:23px;"></a></div>

<div id="wb_Image22" style="overflow:hidden;position:absolute;left:191px;top:555px;z-index:24" align="left">
<a href="http://www.kennethdhoe.be" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/HomeS.bmp" id="Image22" alt="" align="top" border="0" style="width:134px;height:23px;"></a></div>

<div id="wb_Image23" style="overflow:hidden;position:absolute;left:194px;top:598px;z-index:25" align="left">
<a href="about:blank" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/InternetS.bmp" id="Image23" alt="" align="top" border="0" style="width:161px;height:21px;"></a></div>

<div id="wb_Image24" style="overflow:hidden;position:absolute;left:191px;top:416px;z-index:26" align="left">
<a href="http://www.hotmail.com" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MessengerS.bmp" id="Image24" alt="" align="top" border="0" style="width:142px;height:26px;"></a></div>

<div id="wb_Image25" style="overflow:hidden;position:absolute;left:192px;top:459px;z-index:27" align="left">
<a href="http://www.kennethdhoe.be/muziek" target="_self"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MuziekS.bmp" id="Image25" alt="" align="top" border="0" style="width:127px;height:22px;"></a></div>

<div id="wb_Image26" style="overflow:hidden;position:absolute;left:196px;top:489px;z-index:28" align="left">
<a href="http://update.microsoft.com" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/UpdateS.bmp" id="Image26" alt="" align="top" border="0" style="width:132px;height:21px;"></a></div>

<div id="wb_Image27" style="overflow:hidden;position:absolute;left:190px;top:622px;z-index:29" align="left">
<a href="mailto:[email protected]"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MailS.bmp" id="Image27" alt="" align="top" border="0" style="width:132px;height:20px;"></a></div>

<div id="wb_Image17" style="overflow:hidden;position:absolute;left:276px;top:656px;z-index:30" align="left">
<a href="javascript:window.open('','_parent','');window.close()"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/sluiten.bmp" id="Image17" alt="" align="top" border="0" style="width:102px;height:44px;"></a></div>

<div id="wb_Image29" style="overflow:hidden;position:absolute;left:191px;top:661px;z-index:32" align="left">
<a href="http://www.kennethdhoe.be/snel/logoff.bat" target="_self"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/logoff.bmp" id="Image29" alt="" align="top" border="0" style="width:86px;height:34px;"></a></div>

<div id="wb_Image30" style="overflow:hidden;position:absolute;left:909px;top:700px;z-index:34" align="left">
<img src="images/Space.bmp" id="Image30" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image31" style="overflow:hidden;position:absolute;left:940px;top:700px;z-index:35" align="left">
<img src="images/Space.bmp" id="Image31" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image32" style="overflow:hidden;position:absolute;left:972px;top:700px;z-index:36" align="left">
<img src="images/Space.bmp" id="Image32" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image33" style="overflow:hidden;position:absolute;left:1003px;top:700px;z-index:37" align="left">
<img src="images/Space.bmp" id="Image33" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image34" style="overflow:hidden;position:absolute;left:1036px;top:700px;z-index:38" align="left">
<img src="images/Space.bmp" id="Image34" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image35" style="overflow:hidden;position:absolute;left:1068px;top:700px;z-index:39" align="left">
<img src="images/Space.bmp" id="Image35" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image36" style="overflow:hidden;position:absolute;left:1097px;top:700px;z-index:40" align="left">
<img src="images/Space.bmp" id="Image36" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image37" style="overflow:hidden;position:absolute;left:1130px;top:700px;z-index:41" align="left">
<img src="images/Space.bmp" id="Image37" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image38" style="overflow:hidden;position:absolute;left:1162px;top:700px;z-index:42" align="left">
<img src="images/Space.bmp" id="Image38" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image39" style="overflow:hidden;position:absolute;left:1194px;top:700px;z-index:43" align="left">
<img src="images/Space.bmp" id="Image39" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image40" style="overflow:hidden;position:absolute;left:1227px;top:700px;z-index:44" align="left">
<img src="images/Space.bmp" id="Image40" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image41" style="overflow:hidden;position:absolute;left:1259px;top:700px;z-index:45" align="left">
<img src="images/Space.bmp" id="Image41" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image44" style="overflow:hidden;position:absolute;left:1286px;top:700px;z-index:46" align="left">
<img src="images/Space.bmp" id="Image44" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<!--hier is het klok scriptje, ook footer-->
<div id="wb_JavaScript1" style="position:absolute;left:1364px;top:708px;width:58px;height:21px;z-index:16;" align="left">
<font style="font-size:12px;font-family:Arial;" color=#FFE4E1>
<div id="basicclock">
</div>
</font>
<script language="JavaScript" type="text/javascript">
function clock() 
{
   var digital = new Date();
   var hours = digital.getHours();
   var minutes = digital.getMinutes();
   var seconds = digital.getSeconds();
   if (minutes <= 9) minutes = "0" + minutes;
   if (seconds <= 9) seconds = "0" + seconds;
   dispTime = hours + ":" + minutes + ":" + seconds;

   basicclock.innerHTML = dispTime;
   setTimeout("clock()", 1000);
}
clock();
</script>
</div>

<!--einde Footer-->


<!--Bureaublad Zelf, Iconen, enzo...-->

<div id="wb_Image10" style="overflow:hidden;position:absolute;left:24px;top:56px;z-index:13" align="left">
<a href="#" ondblclick="window.open('http://www.kennethdhoe.be');return false;">
<img src="images/Home.bmp" id="Image10" alt="" align="top" border="0" style="width:86px;height:82px;"></a></div>

<div id="wb_Image11" style="overflow:hidden;position:absolute;left:21px;top:122px;z-index:14" align="left">
<a href="#" ondblclick="window.open('http://www.google.be');return false;">
<img src="images/Google.bmp" id="Image11" alt="" align="top" border="0" style="width:90px;height:98px;"></a></div>

<div id="wb_Image12" style="overflow:hidden;position:absolute;left:96px;top:192px;z-index:1" align="left">
<a href="#" ondblclick="window.open('http://www.hotmail.be');return false;">
<img src="images/Hotmail.bmp" id="Image12" alt="" align="top" border="0" style="width:80px;height:82px;"></a></div>

<div id="wb_Image13" style="overflow:hidden;position:absolute;left:93px;top:59px;z-index:15" align="left">
<a href="#" ondblclick="window.open('http://www.delijn.be');return false;">
<img src="images/Delijn.bmp" id="Image13" alt="" align="top" border="0" style="width:71px;height:76px;"></a></div>

<div id="wb_Image14" style="overflow:hidden;position:absolute;left:95px;top:136px;z-index:0" align="left">
<a href="#" ondblclick="window.open('http://www.kennethdhoe.be/muziek');return false;"target="_self">
<img src="images/Muziek.bmp" id="Image14" alt="" align="top" border="0" style="width:129px;height:89px;"></a></div>

<div id="wb_Image28" style="overflow:hidden;position:absolute;left:206px;top:73px;z-index:3" align="left">
<a href="#" onclick="ShowObject('TextArea1', 1);return false;" ondblclick="ShowObject('TextArea1', 0);return false;">
<img src="images/NieuwT.bmp" id="Image28" alt="" align="top" border="0" style="width:110px;height:73px;"></a></div>

<textarea name="TextArea1" id="TextArea1" style="position:absolute;left:873px;top:204px;width:530px;height:303px;background-color:transparent;color:#FFE4E1;font-family:Comic Sans MS;font-size:16px;z-index:31" rows="12" cols="70" title="Welkom">Welkom op deze
Webpagina

Hier kan je
tekst plaatsen</textarea>
<!--einde Bureaublad-->


</body>
</html>
F

FurtiveDuck

Legacy Member
Nu, de footer blijft wel vanonder - maar een beetje te veel van onder, maar volgens mij komt dit enkel en alleen omdat je gebruik maakt van die verschillende resolutie's. Op de juiste resolutie zal de footer netjes, zonder scrollbar vanonder aan het scherm komen te staan. Bij mij (1680x1050) moet ik eerst efkes naar beneden scrollen en dan zie ik daar de scrollbar.

Code van stylesheet.css:

Code: 
#CONTAINER {
   min-height:100%;
   position:relative;
}
#BODY {
	height:100%;
}
#FOOTER {
   position:absolute;
   bottom:0;
   width:100%;
}

Code van index.html:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>XP Kennethdhoe.be / Snellkopelingpagina</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<meta name="author" content="D'hoe Kenneth">
<meta name="keywords" content="XP.css, XP stijl, xp template">
<meta http-equiv="imagetoolbar" content="no">
<link rel="shortcut icon" href="windows-ico.ico">
<script type="text/javascript">










<!--Hier beginenen de javascripts, en het laden van de afbeeldingen-->
<!--
function FindObject(id, doc)
{
   var child, elem;
   if(!doc)
      doc=document;
   if(doc.getElementById)
      elem=doc.getElementById(id);
   else
   if(doc.layers)
      child=doc.layers;
   else
   if(doc.all)
      elem=doc.all[id];
   if(elem)
      return elem;
   if(doc.id==id || doc.name==id)
      return doc;
   if(doc.childNodes)
      child=doc.childNodes;
   if(child)
   {
      for(var i=0; i<child.length; i++)
      {
         elem=FindObject(id,child[i]);
         if(elem)
            return elem;
      }
   }
   var frm=doc.forms;
   if(frm)
   {
      for(var i=0; i<frm.length; i++)
      {
         var elems=frm[i].elements;
         for(var j=0; j<elems.length; j++)
         {
            elem=FindObject(id,elems[i]);
            if(elem) return elem;
         }
      }
   }
   return null;
}
// -->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function ShowObject(id, flag)
{
   var elem=FindObject(id);
   if(elem)
      elem.style.visibility=flag?'visible':'hidden';
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function SetImage(id, filename)
{
   var elem=FindObject(id);
   if(elem)
   {
      elem.src=filename;
   }
}
//-->
</script>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<div id="wb_JavaScript2" style="position:absolute;left:1277px;top:62px;width:122px;height:29px;z-index:17;" align="left">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
var speed = 10;
var pause = 1500;
var timerID = null;
var bannerRunning = false;

var ar = new Array();

ar[0] = "Welkom To Windows XP Kennethdhoe.be";
ar[1] = "De Eenvoudige weg naar websites";
ar[2] = "http://www.kennethdhoe.be";

var message = 0;
var state = "";

clearState();

function stopBanner() 
{	
   if (bannerRunning)		
      clearTimeout(timerID);
   timerRunning = false;
}

function startBanner() 
{	
   stopBanner();
   showBanner();
}

function clearState() 
{	
   state = "";	
   for (var i = 0; i < ar[message].length; ++i) 
   {		
      state += "0";
   }
}

function showBanner() 
{	
   if (getString()) 
   {		
      message++;
      if (ar.length <= message)			
         message = 0;
      clearState();	
      timerID = setTimeout("showBanner()", pause);
   } 
   else 
   {
      var str = "";
      for (var j = 0; j < state.length; ++j) 
      {
         str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     ";
      }		
      window.status = str;
      timerID = setTimeout("showBanner()", speed);
   }
}

function getString() 
{	
   var full = true;
   for (var j = 0; j < state.length; ++j) 
   {		
      if (state.charAt(j) == 0)			
         full = false;
   }	
   if (full) return true;
   while (1) 
   {
      var num = getRandom(ar[message].length);
      if (state.charAt(num) == "0")
         break;
   }
   state = state.substring(0, num) + "1" + state.substring(num + 1, state.length);
   return false;
}

function getRandom(max) 
{
   var now = new Date();
   var num = now.getTime() * now.getSeconds() * Math.random();
   return num % max;
}

startBanner();
// -->
</SCRIPT>
</div>
<div id="wb_JavaScript3" style="position:absolute;left:1324px;top:118px;width:75px;height:35px;z-index:33;" align="left">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function NoRightClick(e) 
{ 
   if(navigator.appName=="Netscape") 
   {
      if(e.which==3||e.which==2) 
      { 
         return false; 
      }
   }
   else 
   { 
      event.cancelBubble=true; 
      event.returnValue=false;
   }
}

if(navigator.appName=="Netscape") 
   window.captureEvents(Event.MOUSEDOWN)
document.oncontextmenu=NoRightClick; 
window.onmousedown=NoRightClick;
// -->
</SCRIPT>
</div>
</head>




<!--hier zegt hij welke afbeeldingen hij niet mag tonen+Kleur van de tekst, ETC-->
<body bgcolor="#004E98" text="#000000" style="scrollbar-face-color:#ECE9D8;scrollbar-arrow-color:#000000;scrollbar-3dlight-color:#ECE9D8;scrollbar-darkshadow-color:#716F64;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#ACA899;scrollbar-track-color:#D4D0C8;" onLoad="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('TextArea1', 0);ShowObject('wb_Image29', 0);return false;">
<DIV ID="CONTAINER">
<!--Footer die moet vast kleven-->
<DIV ID="FOOTER">
<div id="wb_Image1" style="overflow:hidden;position:absolute;left:0px;top:700px;z-index:6" align="left">
<a href="#" onClick="ShowObject('wb_Image8', 1);ShowObject('wb_Image15', 1);ShowObject('wb_Image16', 1);ShowObject('wb_Image18', 1);ShowObject('wb_Image17', 1);ShowObject('wb_Image29', 1);return false;" onMouseOver="SetImage('Image1','images/Starton.bmp');return false;" onMouseOut="SetImage('Image1','images/Start.bmp');return false;" onMouseDown="SetImage('Image1','images/StartP.bmp');return false;" onMouseUp="SetImage('Image1','images/Start.bmp');return false;">
<img src="images/Start.bmp" id="Image1" alt="" align="top" border="0" style="width:97px;height:30px;"></a></div>

<div id="wb_Image2" style="overflow:hidden;position:absolute;left:97px;top:700px;z-index:7" align="left">
<img src="images/Space.bmp" id="Image2" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image3" style="overflow:hidden;position:absolute;left:104px;top:700px;z-index:8" align="left">
<a href="#" onClick="window.open('http://www.kennethdhoe.be');return false;" onMouseOver="SetImage('Image3','images/10.bmp');return false;" onMouseOut="SetImage('Image3','images/1.bmp');return false;">
<img src="images/1.bmp" id="Image3" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image4" style="overflow:hidden;position:absolute;left:265px;top:700px;z-index:9" align="left">
<a href="#" onClick="window.open('http://www.google.be');return false;" onMouseOver="SetImage('Image4','images/20.bmp');return false;" onMouseOut="SetImage('Image4','images/2.bmp');return false;">
<img src="images/2.bmp" id="Image4" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>
  
<div id="wb_Image5" style="overflow:hidden;position:absolute;left:426px;top:700px;z-index:10" align="left">
<a href="#" onClick="window.open('http://www.delijn.be');return false;" onMouseOver="SetImage('Image5','images/30.bmp');return false;" onMouseOut="SetImage('Image5','images/3.bmp');return false;">
<img src="images/3.bmp" id="Image5" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image6" style="overflow:hidden;position:absolute;left:587px;top:700px;z-index:11" align="left">
<a href="#" onClick="window.open('http://www.hotmail.be');return false;" onMouseOver="SetImage('Image6','images/40.bmp');return false;" onMouseOut="SetImage('Image6','images/4.bmp');return false;">
<img src="images/4.bmp" id="Image6" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image7" style="overflow:hidden;position:absolute;left:748px;top:700px;z-index:12" align="left">
<a href="#" onClick="window.open('http://www.kennethdhoe.be/muziek');return false;" target="_self" onMouseOver="SetImage('Image7','images/50.bmp');return false;" onMouseOut="SetImage('Image7','images/5.bmp');return false;">
<img src="images/5.bmp" id="Image7" alt="" align="top" border="0" style="width:161px;height:30px;"></a></div>

<div id="wb_Image8" style="overflow:hidden;position:absolute;left:1px;top:260px;z-index:2" align="left">
<a href="#" onMouseUp="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/StartM_01.bmp" id="Image8" alt="" align="top" border="0" title="Menu" style="width:381px;height:440px;"></a></div>

<div id="wb_Image9" style="overflow:hidden;position:absolute;left:1318px;top:700px;z-index:4" align="left">
<img src="images/Klok_01.bmp" id="Image9" alt="" align="top" border="0" style="width:104px;height:30px;"></div>

<div id="wb_Image15" style="overflow:hidden;position:absolute;left:3px;top:328px;z-index:18" align="left">
<a href="about:blank" target="_blank" onMouseOver="ShowObject('wb_Image29', 0);return false;" onMouseUp="ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image8', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image17', 0);return false;">
<img src="images/Nieuw.bmp" id="Image15" alt="" align="top" border="0" style="width:173px;height:47px;"></a></div>

<div id="wb_Image16" style="overflow:hidden;position:absolute;left:198px;top:330px;z-index:19" align="left">
<a href="http://pc1.kennethdhoe.be" target="_blank" onMouseUp="ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image8', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/Deze.bmp" id="Image16" alt="" align="top" border="0" style="width:166px;height:44px;"></a></div>

<div id="wb_Image18" style="overflow:hidden;position:absolute;left:20px;top:626px;z-index:20" align="left">
<a href="#" onClick="ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);return false;" onMouseOver="ShowObject('wb_Image19', 1);ShowObject('wb_Image20', 1);ShowObject('wb_Image21', 1);ShowObject('wb_Image22', 1);ShowObject('wb_Image23', 1);ShowObject('wb_Image24', 1);ShowObject('wb_Image26', 1);ShowObject('wb_Image25', 1);ShowObject('wb_Image27', 1);return false;">
<img src="images/Menu2o.bmp" id="Image18" alt="" align="top" border="0" style="width:159px;height:25px;"></a></div>

<div id="wb_Image19" style="overflow:hidden;position:absolute;left:175px;top:378px;z-index:21" align="left">
<img src="images/StartM2.bmp" id="Image19" alt="" align="top" border="0" style="width:227px;height:274px;"></div>

<div id="wb_Image20" style="overflow:hidden;position:absolute;left:193px;top:388px;z-index:22" align="left">
<a href="http://www.microsoft.be" target="_blank" onMouseUp="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/CataS.bmp" id="Image20" alt="" align="top" border="0" style="width:131px;height:16px;"></a></div>

<div id="wb_Image21" style="overflow:hidden;position:absolute;left:191px;top:524px;z-index:23" align="left">
<a href="http://www.google.be" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/GoogleS.bmp" id="Image21" alt="" align="top" border="0" style="width:117px;height:23px;"></a></div>

<div id="wb_Image22" style="overflow:hidden;position:absolute;left:191px;top:555px;z-index:24" align="left">
<a href="http://www.kennethdhoe.be" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/HomeS.bmp" id="Image22" alt="" align="top" border="0" style="width:134px;height:23px;"></a></div>

<div id="wb_Image23" style="overflow:hidden;position:absolute;left:194px;top:598px;z-index:25" align="left">
<a href="about:blank" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/InternetS.bmp" id="Image23" alt="" align="top" border="0" style="width:161px;height:21px;"></a></div>

<div id="wb_Image24" style="overflow:hidden;position:absolute;left:191px;top:416px;z-index:26" align="left">
<a href="http://www.hotmail.com" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MessengerS.bmp" id="Image24" alt="" align="top" border="0" style="width:142px;height:26px;"></a></div>

<div id="wb_Image25" style="overflow:hidden;position:absolute;left:192px;top:459px;z-index:27" align="left">
<a href="http://www.kennethdhoe.be/muziek" target="_self"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MuziekS.bmp" id="Image25" alt="" align="top" border="0" style="width:127px;height:22px;"></a></div>

<div id="wb_Image26" style="overflow:hidden;position:absolute;left:196px;top:489px;z-index:28" align="left">
<a href="http://update.microsoft.com" target="_blank"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/UpdateS.bmp" id="Image26" alt="" align="top" border="0" style="width:132px;height:21px;"></a></div>

<div id="wb_Image27" style="overflow:hidden;position:absolute;left:190px;top:622px;z-index:29" align="left">
<a href="mailto:[email protected]"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/MailS.bmp" id="Image27" alt="" align="top" border="0" style="width:132px;height:20px;"></a></div>

<div id="wb_Image17" style="overflow:hidden;position:absolute;left:276px;top:656px;z-index:30" align="left">
<a href="javascript:window.open('','_parent','');window.close()"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/sluiten.bmp" id="Image17" alt="" align="top" border="0" style="width:102px;height:44px;"></a></div>

<div id="wb_Image29" style="overflow:hidden;position:absolute;left:191px;top:661px;z-index:32" align="left">
<a href="http://www.kennethdhoe.be/snel/logoff.bat" target="_self"  onmouseup="ShowObject('wb_Image8', 0);ShowObject('wb_Image15', 0);ShowObject('wb_Image16', 0);ShowObject('wb_Image17', 0);ShowObject('wb_Image18', 0);ShowObject('wb_Image19', 0);ShowObject('wb_Image20', 0);ShowObject('wb_Image21', 0);ShowObject('wb_Image22', 0);ShowObject('wb_Image23', 0);ShowObject('wb_Image24', 0);ShowObject('wb_Image25', 0);ShowObject('wb_Image26', 0);ShowObject('wb_Image27', 0);ShowObject('wb_Image29', 0);return false;">
<img src="images/logoff.bmp" id="Image29" alt="" align="top" border="0" style="width:86px;height:34px;"></a></div>

<div id="wb_Image30" style="overflow:hidden;position:absolute;left:909px;top:700px;z-index:34" align="left">
<img src="images/Space.bmp" id="Image30" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image31" style="overflow:hidden;position:absolute;left:940px;top:700px;z-index:35" align="left">
<img src="images/Space.bmp" id="Image31" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image32" style="overflow:hidden;position:absolute;left:972px;top:700px;z-index:36" align="left">
<img src="images/Space.bmp" id="Image32" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image33" style="overflow:hidden;position:absolute;left:1003px;top:700px;z-index:37" align="left">
<img src="images/Space.bmp" id="Image33" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image34" style="overflow:hidden;position:absolute;left:1036px;top:700px;z-index:38" align="left">
<img src="images/Space.bmp" id="Image34" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image35" style="overflow:hidden;position:absolute;left:1068px;top:700px;z-index:39" align="left">
<img src="images/Space.bmp" id="Image35" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image36" style="overflow:hidden;position:absolute;left:1097px;top:700px;z-index:40" align="left">
<img src="images/Space.bmp" id="Image36" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image37" style="overflow:hidden;position:absolute;left:1130px;top:700px;z-index:41" align="left">
<img src="images/Space.bmp" id="Image37" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image38" style="overflow:hidden;position:absolute;left:1162px;top:700px;z-index:42" align="left">
<img src="images/Space.bmp" id="Image38" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image39" style="overflow:hidden;position:absolute;left:1194px;top:700px;z-index:43" align="left">
<img src="images/Space.bmp" id="Image39" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image40" style="overflow:hidden;position:absolute;left:1227px;top:700px;z-index:44" align="left">
<img src="images/Space.bmp" id="Image40" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image41" style="overflow:hidden;position:absolute;left:1259px;top:700px;z-index:45" align="left">
<img src="images/Space.bmp" id="Image41" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<div id="wb_Image44" style="overflow:hidden;position:absolute;left:1286px;top:700px;z-index:46" align="left">
<img src="images/Space.bmp" id="Image44" alt="" align="top" border="0" style="width:34px;height:30px;"></div>

<!--hier is het klok scriptje, ook footer-->
<div id="wb_JavaScript1" style="position:absolute;left:1364px;top:708px;width:58px;height:21px;z-index:16;" align="left">
<font style="font-size:12px;font-family:Arial;" color=#FFE4E1>
<div id="basicclock">
</div>
</font>
</DIV>
<script language="JavaScript" type="text/javascript">
function clock() 
{
   var digital = new Date();
   var hours = digital.getHours();
   var minutes = digital.getMinutes();
   var seconds = digital.getSeconds();
   if (minutes <= 9) minutes = "0" + minutes;
   if (seconds <= 9) seconds = "0" + seconds;
   dispTime = hours + ":" + minutes + ":" + seconds;

   basicclock.innerHTML = dispTime;
   setTimeout("clock()", 1000);
}
clock();
</script>
</div>

<!--einde Footer-->


<!--Bureaublad Zelf, Iconen, enzo...-->

<DIV ID="BODY">

<div id="wb_Image10" style="overflow:hidden;position:absolute;left:24px;top:56px;z-index:13" align="left">
<a href="#" onDblClick="window.open('http://www.kennethdhoe.be');return false;">
<img src="images/Home.bmp" id="Image10" alt="" align="top" border="0" style="width:86px;height:82px;"></a></div>

<div id="wb_Image11" style="overflow:hidden;position:absolute;left:21px;top:122px;z-index:14" align="left">
<a href="#" onDblClick="window.open('http://www.google.be');return false;">
<img src="images/Google.bmp" id="Image11" alt="" align="top" border="0" style="width:90px;height:98px;"></a></div>

<div id="wb_Image12" style="overflow:hidden;position:absolute;left:96px;top:192px;z-index:1" align="left">
<a href="#" onDblClick="window.open('http://www.hotmail.be');return false;">
<img src="images/Hotmail.bmp" id="Image12" alt="" align="top" border="0" style="width:80px;height:82px;"></a></div>

<div id="wb_Image13" style="overflow:hidden;position:absolute;left:93px;top:59px;z-index:15" align="left">
<a href="#" onDblClick="window.open('http://www.delijn.be');return false;">
<img src="images/Delijn.bmp" id="Image13" alt="" align="top" border="0" style="width:71px;height:76px;"></a></div>

<div id="wb_Image14" style="overflow:hidden;position:absolute;left:95px;top:136px;z-index:0" align="left">
<a href="#" onDblClick="window.open('http://www.kennethdhoe.be/muziek');return false;"target="_self">
<img src="images/Muziek.bmp" id="Image14" alt="" align="top" border="0" style="width:129px;height:89px;"></a></div>

<div id="wb_Image28" style="overflow:hidden;position:absolute;left:206px;top:73px;z-index:3" align="left">
<a href="#" onClick="ShowObject('TextArea1', 1);return false;" onDblClick="ShowObject('TextArea1', 0);return false;">
<img src="images/NieuwT.bmp" id="Image28" alt="" align="top" border="0" style="width:110px;height:73px;"></a></div>

<textarea name="TextArea1" id="TextArea1" style="position:absolute;left:873px;top:204px;width:530px;height:303px;background-color:transparent;color:#FFE4E1;font-family:Comic Sans MS;font-size:16px;z-index:31" rows="12" cols="70" title="Welkom">Welkom op deze
Webpagina

Hier kan je
tekst plaatsen</textarea>
</DIV>
<!--einde Bureaublad-->

</DIV>
</body>
</html>
T

TeddySo

Legacy Member
sorry maar de footer staat nu wel goed, maar veel te ver naar beneden, zonder dat script voor de Schermresolutie.

help
C

Cycloon

Legacy Member
Ik vraag me af waar je naar toe wil. Je kan zelf geen stuk code schrijven, je vraagt enkel oplossingen. Je hebt geen idee van wat je aan het doen bent en iedereen moet jouw problemen oplossen. Denk je hier iets uit te leren? Als je echt iets wil leren begin dan met de basis en probeer niet direct iets complex in mekaar te steken. Niemand is direct beginnen lopen nadat hij juist op z'n benen kon staan.
F

FurtiveDuck

Legacy Member
TeddySo zei:
sorry maar de footer staat nu wel goed, maar veel te ver naar beneden, zonder dat script voor de Schermresolutie.

help
Klik om te vergroten...

Weet er iemand waarom die footer zo laag staat? (zie code bovenaan)
j

j design

Legacy Member
Op het eerste zicht waarschijnlijk omdat er ook zoiets is als padding en margin.

Cycloon²
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan