foto (on)zichtbaar in een div tag te krijgen

Status
Niet open voor verdere reacties.
D

dreamerbegin

Nieuwe gebruiker
Lid geworden
26 jul 2011
Berichten
2
hallo,

ik als beginner had een eenvoudige maar toch nette site gemaakt. nu wil ik een foto veranderen met het gebruik van de " de div tag tekenen" knop (zoals ik al meerdere malen met succes heb gedaan....) en krijg geen afbeelding meer te zien. Wel tijdens het invoegen maar niet bij het bekijken en uploaden naar de server. Ook geen melding dat foto niet gevonden wordt gewoon helemaal geen weergaven.....

Heb ik per ongeluk iets uit gezet?
Ik heb ook bij Z alle nrs al ingevuld maar zonder resultaat. Als ik een div tag teken met alleen een achtergrond krijg ik het wel in beeld, moet dus instelling van foto of iets zijn. Nou ja ik krijg er koppijn van, zal wel iets simpels zijn (hoop ik). En een slapeloze nacht :-(
Hieronder mijn script...(let maar niet op mijn beginners geknutsel, zullen wel meer foutjes in staan ben ik bang)

Groet, wanhoop

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>boekingsinfo</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #838287;
color: #EDEDED;
}
#apDiv1 {
position:absolute;
left:520px;
top:329px;
width:798px;
height:732px;
z-index:1;
color: #333;
visibility: visible;
overflow: visible;
background-image: url(/fotos%20/Afbeeldingen/Brigs%20(11).JPG);
}
#apDiv2 {
position:absolute;
left:468px;
top:166px;
width:816px;
height:152px;
z-index:8;
overflow: visible;
background-image: url(achtergrond%20navigatiebalk.png);
}
.zwartvetgroot {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #333;
}
#apDiv3 {
position:absolute;
left:94px;
top:293px;
width:1276px;
height:1192px;
z-index:1;
color: #003;
background-color: #333333;
visibility: visible;
}
#apDiv4 {
position:absolute;
left:284px;
top:472px;
width:980px;
height:559px;
z-index:2;
background-color: #424242;
visibility: visible;
}
#apDiv5 {
position:absolute;
left:704px;
top:912px;
width:616px;
height:400px;
z-index:3;
visibility: visible;
}
#apDiv6 {
position:absolute;
left:672px;
top:1480px;
width:254px;
height:59px;
z-index:4;
visibility: visible;
}
#apDiv8 {
position:absolute;
left:327px;
top:16px;
width:1035px;
height:86px;
z-index:6;
visibility: visible;
}
#apDiv7 {
position:absolute;
left:241px;
top:348px;
width:310px;
height:85px;
z-index:1;
background-color: #333333;
}
#apDiv9 {
position:absolute;
left:1px;
top:-4px;
width:330px;
height:294px;
z-index:8;
visibility: visible;
}
#apDiv10 {
position:absolute;
left:98px;
top:297px;
width:1273px;
height:177px;
z-index:1;
visibility: visible;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #FFF;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#apDiv11 {
position:absolute;
left:381px;
top:752px;
width:459px;
height:52px;
z-index:9;
background-color: #333333;
}
#apDiv12 {
position:absolute;
left:445px;
top:721px;
width:466px;
height:64px;
z-index:9;
background-color: #424242;
}
#apDiv13 {
position:absolute;
left:-9px;
top:560px;
width:630px;
height:378px;
z-index:9;
}
#apDiv14 {
position:absolute;
left:832px;
top:686px;
width:488px;
height:442px;
z-index:10;
visibility: visible;
}
#apDiv7 {
position:absolute;
left:541px;
top:562px;
width:594px;
height:413px;
z-index:7;
visibility: visible;
}
#apDiv15 {
position:absolute;
left:24px;
top:563px;
width:996px;
height:724px;
z-index:13;
visibility: visible;
overflow: visible;
}
#apDiv16 {
position:absolute;
left:544px;
top:554px;
width:509px;
height:347px;
z-index:auto;
}
#apDiv17 {
position:absolute;
left:595px;
top:531px;
width:518px;
height:313px;
z-index:11;
}
-->
</style></head><body onload="MM_preloadImages('fotos /Brigs (62).JPG','fotos /Schermafbeelding 2011-07-14 om 13.26.23.png','fotos /Schermafbeelding 2011-07-14 om 13.25.19.png','fotos /nav-contact.gif','fotos /guestbook.jpg','pijllinks.png')">
<table width="54%" height="186" border="0" align="center" cellpadding="1" cellspacing="1" id="apDiv2" name="apDiv2">
<tr>
<td width="0%">&nbsp;</td>
<td width="0%">&nbsp;</td>
<td width="14%"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Afbeelding8',1)"><img src="fotos /Schermafbeelding 2011-07-16 om 17.04.23.png" name="Afbeelding8" width="110" height="110" border="0" id="Afbeelding8" /></a></td>
<td width="14%"><a href="aboutbrigs.html" target="_top" onclick="MM_nbGroup('down','group1','aboutbrigs','',1)" onmouseover="MM_nbGroup('over','aboutbrigs','fotos /Brigs (62).JPG','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 17.03.43.png" alt="" name="aboutbrigs" width="110" height="110" border="0" id="aboutbrigs" onload="" /></a></td>
<td width="14%"><a href="agenda.html" target="_top" onclick="MM_nbGroup('down','group1','agenda','',1)" onmouseover="MM_nbGroup('over','agenda','fotos /Schermafbeelding 2011-07-14 om 13.26.23.png','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 17.01.51.png" alt="" name="agenda" width="110" height="110" border="0" id="agenda" onload="" /></a></td>
<td width="14%"><a href="fotovideoaudio.html" target="_top" onclick="MM_nbGroup('down','group1','fotoalbum','',1)" onmouseover="MM_nbGroup('over','fotoalbum','fotos /Schermafbeelding 2011-07-14 om 13.25.19.png','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 17.00.04.png" alt="" name="fotoalbum" width="110" height="110" border="0" id="fotoalbum" onload="" /></a></td>
<td width="14%"><a href="boekingsinfo.html" target="_top" onclick="MM_nbGroup('down','group1','boekingsinfo','',1)" onmouseover="MM_nbGroup('over','boekingsinfo','fotos /nav-contact.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 16.57.25.png" alt="" name="boekingsinfo" width="110" height="110" border="0" id="boekingsinfo" onload="" /></a></td>
<td width="14%"><a href="gastenboek.html" target="_top" onclick="MM_nbGroup('down','group1','gastenboek','',1)" onmouseover="MM_nbGroup('over','gastenboek','fotos /guestbook.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 16.54.45.png" alt="" name="gastenboek" width="110" height="110" border="0" id="gastenboek" onload="" /></a></td>
<td width="16%"><a href="links.html" target="_top" onclick="MM_nbGroup('down','group1','links','',1)" onmouseover="MM_nbGroup('over','links','pijllinks.png','',1)" onmouseout="MM_nbGroup('out')"><img src="fotos /Schermafbeelding 2011-07-16 om 16.51.49.png" alt="" name="links" width="110" height="110" border="0" id="links" onload="" /></a></td>
</tr>
</table>
<div id="apDiv6">
<blockquote>
<h3><em><strong><a href="http://www.gaikebos.nl">&copy; 2011 G. Bos</a></strong></em> </h3>
</blockquote>
</div>
<div id="apDiv9"><img src="logo brigs grijs.png" width="326" height="291" alt="logo" /></div>
<div id="apDiv10"><img src="boekingsinfo logo.png" width="1268" height="175" alt="boekingsinfo" /></div>
<div id="apDiv4">
<p> &nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;Prijs voor een optreden is vanaf 300,00 euro.<br />
&nbsp;&nbsp;* Duur optreden is natuurlijk in overleg<br />
&nbsp;&nbsp;* Genre: singer-songwriter</p>
<p>&nbsp;&nbsp;Voor meer informatie betreft <br />
&nbsp;&nbsp;boekingen en optredens <br />
&nbsp;&nbsp;kunt u contact opnemen met <br />
&nbsp;&nbsp;Gertjan van der Duin <br />
&nbsp;&nbsp;via mail, postbus of per telefoon. </p>
<p>&nbsp;&nbsp;Adres:<br />
&nbsp;&nbsp;Postbus 36<br />
&nbsp;&nbsp;8530AA LEMMER<br />
&nbsp;&nbsp;Tel.nr. 06-41256275<br />
<a href="mailto:gertjan@skipperland.nl"> &nbsp;&nbsp;Mail: gertjan@skipperland.nl </a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;Deze prijs is excl. 19% BTW.<br />
&nbsp;&nbsp;BUMA-afdracht 7% VERPLICHT!<br />
&nbsp;&nbsp;Prijswijzigingen voorbehouden. </p>
<p>&nbsp;</p>
<p> </p>
<p>&nbsp; </p>
</div>
<div id="apDiv14">
<p>&nbsp;</p>
<p><img src="fotos /nav-contact.gif" width="390" height="286" alt="contact" /></p>
</div>
<div id="apDiv16"><img src="/fotos /Afbeeldingen/Brigs (11)_JPG.jpg" width="500" height="332" /></div>
<div id="apDiv17"><img src="/fotos /Afbeeldingen/Brigs (11)_JPG.jpg" width="500" height="332" /></div>
<p class="zwartvetgroot">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv8"><img src="when one voice.png" width="1033" height="87" alt="when one voice meets one guitar" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="right" class="zwartvetgroot">&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv3">
<table width="819" height="895" border="0">
<tr>
<td width="669" height="891" bgcolor="#6699CC">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<hr />

<hr />
<hr />
<hr />
<hr />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp; </p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</div>
<h1>&nbsp;</h1>
</body>
</html>
 
zelf opgelost maar nog kleine vraag waarom

uiteindelijk, moest er eerst schijnbaar een nachtje voor wakker liggen kwam ik erachter dat dreamweaver een / voor de naam van de foto plaatste. Waarvoor zou dat ineens zijn? het heeft waarschijnlijk met een css te maken want hij meldt zodra ik de / weghaal dat er een verandering in de css heeft plaatsgevonden...

maar gelukkig is alles nu gewoon zichtbaar, toch maar doorzetten dus. De aanhouder wint :-)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan