davylenders123
Gebruiker
- Lid geworden
- 20 jun 2010
- Berichten
- 902
Ik ben bezig met een pagina waar bovenaan kleine foto's worden weergegeven.
En als je over een kleine foto gaat met muis dan is deze zichtbaar daaronder in het groot met uitleg erbij.
Echter de grote foto plaats zou in het midden moeten komen maar krijg dit niet klaar.
Als ook laatste wijziging zit onder de foto in plaats van onderaan de pagina.
Kan mij hier iemand mee verder helpen.
Ben een echte beginneling in website bouwen.
De pagina zelf kan je hier zien
http://users.telenet.be/davywendyhome/sjaals1.html
De gedeeltes die de foto's doen staan in het groen.
En als je over een kleine foto gaat met muis dan is deze zichtbaar daaronder in het groot met uitleg erbij.
Echter de grote foto plaats zou in het midden moeten komen maar krijg dit niet klaar.
Als ook laatste wijziging zit onder de foto in plaats van onderaan de pagina.
Kan mij hier iemand mee verder helpen.
Ben een echte beginneling in website bouwen.
De pagina zelf kan je hier zien
http://users.telenet.be/davywendyhome/sjaals1.html
De gedeeltes die de foto's doen staan in het groen.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Davy & Wendy 's Home</title>
<meta name="keywords" content="sjaal, wol ,haken ,breien," />
<meta name="description" content="Op deze site vindje zaken over excel als ook sjaals en poncho te koop en onze verzameling badeendjes" />
<link rel="stylesheet" href="basis5.css" type="text/css" media="screen" />
[COLOR="#00FF00"]<!-- De waarde bij top en left bepaalt de plaats van de grote afbeelding -->
<style type='text/css'>
.plaatje
{
position:absolute;
top:400;
left:628;
visibility:hidden;
}
</style>
<script type="text/javascript">
<!-- Hier geef je elke afbeelding een ID-naam -->
var AfbeeldingenArray = new Array()
AfbeeldingenArray[0]='f1'
AfbeeldingenArray[1]='f2'
AfbeeldingenArray[2]='f3'
AfbeeldingenArray[3]='f4'
AfbeeldingenArray[4]='f5'
var AantalAfbeeldingen=AfbeeldingenArray.length
function tonen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray[i].indexOf(divId)==0){
document.getElementById(divId).style.visibility="visible";
AfbeeldingenArray[i]=divId+"+1";
break}}}
function verbergen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray[i].indexOf(divId)==0){
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray[i]=divId;
break}}}
function AllesVerbergen(){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray[i].indexOf("+1")>0){
divId=AfbeeldingenArray[i].substr(0,AfbeeldingenArray[i].length-2);
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray[i]=divId;
}}}
function Toon(dezeAfbeelding){AllesVerbergen();tonen(dezeAfbeelding)}
function Verberg(dezeAfbeelding){AllesVerbergen();}
</script>[/COLOR]
</head>
<body>
<div id="kop"><p>Davy & Wendy 's Home</p></div>
<div id="midden">
<div id="menu">
<ul>
<li><a href="index.html" class="sub">Home</a></li>
<li><a href="#">Verzameling Badeendjes</a>
<ul>
<li><a href="kleine_badeendjes.html" class="sub">Kleine Badeendjes</a></li>
<li><a href="normale_badeendjes.html" class="sub">Normale Badeendjes</a></li>
<li><a href="grote_badeenden.html" class="sub">Grote Badeenden</a></li>
<li><a href="bud_eendjes.html" class="sub">Bud eendjes</a></li>
<li><a href="royalduck.html" class="sub">Royalduck</a></li>
<li><a href="deluxe_eendjes.html" class="sub">Deluxe eendjes</a></li>
<li><a href="spaarpot_eendjes.html" class="sub">Spaarpot eendjes</a></li>
<li><a href="sleutelhanger.html" class="sub">Sleutelhanger</a></li>
<li><a href="viskraam_eendjes.html" class="sub">Viskraam eendjes</a></li>
<li><a href="diverse_eendjes.html" class="sub">Diverse eendjes</a></li>
<li><a href="over_eendjes.html" class="sub">Over</a></li>
</ul>
</li>
<li><a href="#">Excel</a>
<ul>
<li><a href="start_excel.html" class="sub">Start Excel</a></li>
<li><a href="toetscombinaties.html" class="sub">Toetscombinaties</a></li>
<li><a href="macro_codes.html" class="sub">Macro codes</a></li>
</ul>
</li>
<li><a href="#">Downloads</a>
<ul>
<li><a href="excel_downloads.html" class="sub">Excel</a></li>
<li><a href="diverse_downloads.html" class="sub">Diverse</a></li>
</ul>
</li>
</li>
<li><a href="#">Te Koop</a>
<ul>
<li><a href="sjaals.html" class="sub">Sjaals</a></li>
<li><a href="poncho.html" class="sub">Poncho</a></li>
<li><a href="badeendjes_kopen.html" class="sub">Badeendjes</a></li>
<li><a href="diverse_kopen.html" class="sub">Diverse</a></li>
</ul>
</li>
<li><a href="links.html">Links</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div id="hoofdvak">
<h1>Sjaals</h1>
<p>Dit is de pagina waar sjaals komen te staan die te koop zijn.</p>
[COLOR="#00FF00"]<center>
<img src="images/verzamelingeendjes/5cm/1b.jpg" width= 40 height= 30 onmouseover="Toon('f1')">
<img src="images/verzamelingeendjes/5cm/2b.jpg" width= 40 height= 30 onmouseover="Toon('f2')">
<img src="images/verzamelingeendjes/5cm/3b.jpg" width= 40 height= 30 onmouseover="Toon('f3')">
<img src="images/verzamelingeendjes/5cm/4b.jpg" width= 40 height= 30 onmouseover="Toon('f4')">
<img src="images/verzamelingeendjes/5cm/5b.jpg" width= 40 height= 30 onmouseover="Toon('f5')">
</center>
<div id="f1" class="plaatje">
<img src="images/verzamelingeendjes/5cm/1b.jpg" onload="Toon('f1')"><br>
<center>Ga op de kleine foto staan die je wil zien <BR>en deze zal zichtbaar zijn met uitleg.</center>
</div>
<div id="f2" class="plaatje">
<img src="images/verzamelingeendjes/5cm/2b.jpg"><br>
<center>Deze tekst hoort bij foto2.</center>
</div>
<div id="f3" class="plaatje">
<img src="images/verzamelingeendjes/5cm/3b.jpg"><br>
<center>Een tekst bij foto 3.</center>
</div>
<div id="f4" class="plaatje">
<img src="images/verzamelingeendjes/5cm/4b.jpg"><br>
<center>Uitleg bij foto 4.</center>
</div>
<div id="f5" class="plaatje">
<img src="images/verzamelingeendjes/5cm/5b.jpg"><br>
<center>Deze tekst en uitleg hoort bij foto 5.</center>
</div>[/COLOR]
<h1> </h1>
<script type="text/JavaScript">
<!--
function date_ddmmmyy(date)
{
var d = date.getDate();
var m = date.getMonth() + 1;
var y = date.getYear();
if(y >= 2000)
{
y -= 2000;
}
if(y >= 100)
{
y -= 100;
}
var mmm =
( 1==m)?'1':( 2==m)?'2':(3==m)?'3':
( 4==m)?'4':( 5==m)?'5':(6==m)?'6':
( 7==m)?'7':( 8==m)?'8':(9==m)?'9':
(10==m)?'10':(11==m)?'11':'12';
return "" +
(d<10?"0"+d:d) + "-" +
mmm + "-" +
(y<10?"0"+y:y);
}
function date_lastmodified()
{
var lmd = document.lastModified;
var s = "Unknown";
var d1;
if(0 != (d1=Date.parse(lmd)))
{
s = "" + date_ddmmmyy(new Date(d1));
}
return s;
}
document.write(
"Laatste wijziging: " +
date_lastmodified() );
// -->
</script>
<h2> </h2>
</div>
<div id="kolomrechts">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //Begin
var mydate=new Date()
var year=mydate.getFullYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
var dayarray=new Array("Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag")
var montharray=new Array("Januari","Februari","Maart","April","Mei","Juni"
,"Juli","Augustus","September","Oktober","November","December")
document.write(dayarray[day]+", "+daym+" "+montharray[month]+" "+year)
//End -->
</SCRIPT>
<BR>
<BR>
<img alt="" src="images/haken/breien.jpg" width="135" height="135" />
<p></p>
<img alt="" src="images/haken/kleuren wol.jpg" width="135" height="135" />
<p></p>
<!-- Begin van banner Qassa -->
<p><script type="text/javascript" src="https://www.qassa-nl.be/proban/n120x600.php?u=546174&c=vl"></script></p>
<p><span style="font-weight: bold; color: red;"> <strong><p>Om aan te melden op banner klikken.</p> <p>Hebben mij al 120 € uitbetaald.</p> <p>Zeker een aanrader.</p></strong></span></p>
<!-- Einde van banner Qassa -->
</p>
</div>
</div>
<div id="voet">
<p>© 2015 <a href="www.davywendyshome.be" target="_blank">www.davywendyshome.be</a></p>
<!-- Start of StatCounter Code for Dreamweaver -->
<script type="text/javascript">
var sc_project=10292612;
var sc_invisible=1;
var sc_security="b1f950c0";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="shopify site
analytics" href="http://statcounter.com/shopify/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/10292612/0/b1f950c0/1/"
alt="shopify site analytics"></a></div></noscript>
<!-- End of StatCounter Code for Dreamweaver -->
<!-- Begin of counter OOK EEN TELLER -->
<table cellspacing="0" cellpadding="0" border="0"><tr><td><a href="http://www.free-directory-for-submission.com"><img src="http://www.websitehitcounter.net/li.gif" alt="free directory" border=0></a></td><td><a href="http://www.websitehitcounter.net/stats.asp?id=3150"><img src="http://www.websitehitcounter.net/re.gif" border=0></a></td></tr></table>
<script language=JavaScript>
<!--
document.write("<IMG SRC=http://www.websitehitcounter.net/count.asp?id=3150&ref=")
document.write(document.referrer)
document.write(" width=1 height=1>")
//-->
</script>
<!-- End of counter -->
<!-- BEGIN teller script DIT IS WEBSITE TELLER PER PAGINA -->
<script type="text/javascript" language="JavaScript" src="http://www.webhelpje.nl/teller/teller.php?name=davylender">
<!-- EINDE teller script DIT IS WEBSITE TELLER PER PAGINA -->
</script>
<!-- Start of belstat.be Counter -->
<script type="text/javascript">
<!--
d=document;
pag='';col='';scr=0;b=navigator.appName;
scr=screen.width+'*'+screen.height;
ref=parent==self ? escape(window.document.referrer) : escape(top.document.referrer);
pag=escape(d.URL);
if (b != 'Netscape') {col=screen.colorDepth}
else {col=screen.pixelDepth}
if(col=='undefined'){col='';}
d.write('<a href="http://www.belstat.be/viewstat.asp?UserID=davylenders&' + 'amp;' + 'lang=nl" target="_blank"><img border="0" src="http://www.belstat.be/regstat.aspx?');
d.write('UserID=davylenders&BColor=lightgreen&refer=' + ref + '&pag=' + pag + '&b=' + b + '&col=' + col + '&scr=' + scr + '"');
d.write(' align="center" width="16" height="16" alt="Monitored by BelStat - Your Site Counts"><\/a>');
// -->
</script>
<!-- End of belstat.be Counter -->
</div>
Laatst bewerkt:
