WWWIM
09-24-2012, 03:11 PM
Hello,who can help me out.
I'm new to building websites and initially I wanted to build a site using Joomla.
But that took some study so I build a site with an old sitebuildingprogram : dejongevrm.nl
As you notice the slideshow is not running, though it does on my computer.
So I thought, because I used tables instead of div, I rebuild it.
The next problem I experienced was the first row displaying the cells underneath eachother.
This is that part of the source :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Change</title>
<meta content="W. de Jonge" name="author">
<meta
content="Title"
name="description">
<!--BEGIN META TAGS-->
<meta name="keywords"
content="VRM">
<meta name="description"
content="VRM">
<meta name="rating" content="General">
<meta name="ROBOTS" content="ALL">
<!--END META TAGS-->
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
</head>
<body
style="height: 20px; color: rgb(250, 183, 67); background-color: rgb(0, 0, 153); width: 1024px;"
alink="#3366ff" link="#33ccff" vlink="#cc33cc">
<br>
<div style="text-align: center; width: 1024px;">
<big><big>Rendabel
Investeren met het Vermogens-Rendement-Motor
Timinginstrument</big></big>
<div>
<div
style="height: 370px; vertical-align: top; background-color: rgb(0, 0, 153); width: 17%;">
<hr style="height: 2px; width: 100%;"><img
style="width: 100%; height: 108px;"
alt="DeJonge Vermogens Rendement Motor" src="Images/Logo.JPG"><br>
<hr style="width: 100%; height: 2px;"><span
style="font-family: Verdana; font-weight: bold; color: rgb(255, 255, 255);">
Ken de Toekomst en investeer met vertrouwen voor</span><br>
<hr style="width: 100%; height: 2px;"><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big></span></small><small
style="font-weight: bold;"><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;"></span></big></small></small><small
style="font-weight: bold; background-color: rgb(255, 255, 255);"><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;">HOOG RENDEMENT</span></big></small></small><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big></span></small>
<hr style="width: 100%; height: 2px;"><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big> </span></small><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;"></span></big></small></div>
<div
style="height: 370px; vertical-align: top; background-color: rgb(0, 0, 153); width: 66%;">
<script language="JavaScript1.2">/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=['images/beleggen.jpg', '', 'Beleggers Wijzen U de Weg naar een Zekere Toekomst']
variableslide[1]=['images/rendement.png', '', 'Laag Kopen & Hoog Verkopen door Excellente Timing']
variableslide[2]=['images/analysemodel.png', '', 'Het V.R.M. Model kent de Toekomst']
variableslide[3]=['images/vermogensbestanddelen.jpg', '', 'Het V.R.M. Model is Multi Inzetbaar']
variableslide[4]=['images/nieuwsbrief.jpg', '', 'Ontvang Belangrijke Updates en Aanbiedingen']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='577px' //set to width of LARGEST image in your slideshow
var slideheight='368px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#000099'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=7000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script><ilayer id="slidensmain" width="&{slidewidth};"
height="&{slideheight};" bgcolor="&{slidebgcolor};"
visibility="hide"><layer id="slidenssub"
width="&{slidewidth};" left="0" top="0"></layer></ilayer>
<p style="height: 6px;" align="right"><font
face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
</div>
<div
style="text-align: center; vertical-align: top; height: 26px; background-color: rgb(51, 102, 255); width: 17%;">
<hr style="width: 100%; height: 2px;"><img
style="width: 100%; height: 199px;"
alt="Kwantitatief Analist Wim de Jonge" src="Images/Wim.JPG"><br>
<hr style="width: 100%; height: 2px;"> <small
style="font-weight: bold;"><small><span
style="font-family: Verdana;">W. de Jonge</span></small></small><big
style="font-weight: bold;"><big><big> <br>
</big></big></big><small style="font-weight: bold;"><small><span
style="font-family: Verdana;">Kwantitatief
Analist</span></small></small>
<hr style="width: 100%; height: 2px;"></div>
</div>
</div>
</body>
</html>
I'm new to building websites and initially I wanted to build a site using Joomla.
But that took some study so I build a site with an old sitebuildingprogram : dejongevrm.nl
As you notice the slideshow is not running, though it does on my computer.
So I thought, because I used tables instead of div, I rebuild it.
The next problem I experienced was the first row displaying the cells underneath eachother.
This is that part of the source :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Change</title>
<meta content="W. de Jonge" name="author">
<meta
content="Title"
name="description">
<!--BEGIN META TAGS-->
<meta name="keywords"
content="VRM">
<meta name="description"
content="VRM">
<meta name="rating" content="General">
<meta name="ROBOTS" content="ALL">
<!--END META TAGS-->
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
</head>
<body
style="height: 20px; color: rgb(250, 183, 67); background-color: rgb(0, 0, 153); width: 1024px;"
alink="#3366ff" link="#33ccff" vlink="#cc33cc">
<br>
<div style="text-align: center; width: 1024px;">
<big><big>Rendabel
Investeren met het Vermogens-Rendement-Motor
Timinginstrument</big></big>
<div>
<div
style="height: 370px; vertical-align: top; background-color: rgb(0, 0, 153); width: 17%;">
<hr style="height: 2px; width: 100%;"><img
style="width: 100%; height: 108px;"
alt="DeJonge Vermogens Rendement Motor" src="Images/Logo.JPG"><br>
<hr style="width: 100%; height: 2px;"><span
style="font-family: Verdana; font-weight: bold; color: rgb(255, 255, 255);">
Ken de Toekomst en investeer met vertrouwen voor</span><br>
<hr style="width: 100%; height: 2px;"><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big></span></small><small
style="font-weight: bold;"><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;"></span></big></small></small><small
style="font-weight: bold; background-color: rgb(255, 255, 255);"><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;">HOOG RENDEMENT</span></big></small></small><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big></span></small>
<hr style="width: 100%; height: 2px;"><small
style="color: rgb(255, 255, 255);"><span
style="font-family: Verdana; color: rgb(255, 255, 255);"><big><span
style="font-weight: bold;"></span></big> </span></small><small
style="color: rgb(255, 255, 255);"><big
style="color: rgb(255, 0, 0);"><span
style="font-family: Verdana;"></span></big></small></div>
<div
style="height: 370px; vertical-align: top; background-color: rgb(0, 0, 153); width: 66%;">
<script language="JavaScript1.2">/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=['images/beleggen.jpg', '', 'Beleggers Wijzen U de Weg naar een Zekere Toekomst']
variableslide[1]=['images/rendement.png', '', 'Laag Kopen & Hoog Verkopen door Excellente Timing']
variableslide[2]=['images/analysemodel.png', '', 'Het V.R.M. Model kent de Toekomst']
variableslide[3]=['images/vermogensbestanddelen.jpg', '', 'Het V.R.M. Model is Multi Inzetbaar']
variableslide[4]=['images/nieuwsbrief.jpg', '', 'Ontvang Belangrijke Updates en Aanbiedingen']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='577px' //set to width of LARGEST image in your slideshow
var slideheight='368px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#000099'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=7000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script><ilayer id="slidensmain" width="&{slidewidth};"
height="&{slideheight};" bgcolor="&{slidebgcolor};"
visibility="hide"><layer id="slidenssub"
width="&{slidewidth};" left="0" top="0"></layer></ilayer>
<p style="height: 6px;" align="right"><font
face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
</div>
<div
style="text-align: center; vertical-align: top; height: 26px; background-color: rgb(51, 102, 255); width: 17%;">
<hr style="width: 100%; height: 2px;"><img
style="width: 100%; height: 199px;"
alt="Kwantitatief Analist Wim de Jonge" src="Images/Wim.JPG"><br>
<hr style="width: 100%; height: 2px;"> <small
style="font-weight: bold;"><small><span
style="font-family: Verdana;">W. de Jonge</span></small></small><big
style="font-weight: bold;"><big><big> <br>
</big></big></big><small style="font-weight: bold;"><small><span
style="font-family: Verdana;">Kwantitatief
Analist</span></small></small>
<hr style="width: 100%; height: 2px;"></div>
</div>
</div>
</body>
</html>