na uploadkomt site niet goed over

van.beurten · 27 sep 2007

In frontpage een site gemaakt die na upload niet goed overkomt. In IE wel met een schermresolutie van 1280x1024 maar als ik de pagina test met een lagere schermresolutie en op mn mac test staat alles niet goed in het kader. Ook in Mozilla komt bv. het kleine flashje links onder in de pagina niet goed over.
Voor de duidelijkheid heb ik hier 2 links bijgevoegd:
http://www.visuals.nl/voordorp/home/home.htm
en http://www.visuals.nl/voordorp/info-interviews/architectuur/architectuur1.htm

Hoe kan dit opgelost worden?

Vast bedankt voor reaktie. Bernadette

peter vazed · 27 sep 2007

Dank je de koekkoek...........

dit is je code:

PHP:

<div style="position: absolute; width: 100px; height: 87px; z-index: 1; left: 658px; top: 383px" id="laag1">

<div id="Layer3" style="position:absolute; left:-407px; top:564px;

left: 658px
en daarom herstel je dit weer met een negatieve waarde:
left:-407px;

Dus over doen.

Zet alles in één container
dus alles wat je nu hebt.
Die container geef je een vaste breedte van bc 1000px
en je zet je marges links en rechts op auto.

Voorbeeldje:

PHP:

.container{
	width:900px;
	height:1000px;
	text-align:center;
	border:2px outset #999999;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	background: #ffffcc;
}

Nu kun je de rest in de container zetten, vermits deze nu "vast" staat.

peter vazed · 28 sep 2007

Bekijk dit eens

PHP:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Voordorp Horen &amp; Zien</title>
<style><!--   a {color:white;text-decoration:none}   a:visited {color:silver;text-decoration:none}   a:hover {color:red;text-decoration:none}--></style>

<SCRIPT LANGUAGE="JavaScript">

var interval = 3; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 0; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber1.jpg");<!-- afb 1 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto1.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber2.jpg");<!-- afb 3 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto2.jpg");<!-- afb 4 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber3.jpg");<!-- afb 5 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto3.jpg");<!-- afb 6 -->

                                                                  <!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}

</script>	

<!-- </head>  hoort hier niet -->
<!-- <title>text-popup</title>  verwijderen -->
  <style type="text/css"> 
body 
{ 
margin: 0; 
        padding: 0; 
        font-family: comic sans ms, verdana, arial, hevetica, sans-serif; 
        text-align: center; 
       color: #000;
	   background: #B9B9F4;
} 

.container{
	width:100px;
	height:1000px;
	text-align:center;
	border:2px outset #999999;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	background: #ffffcc;
}    
 
   #popup { 
    position: absolute; 
    visibility: hidden; 
    border: 1px solid #000; 
    width: 160px; 
    filter: alpha(opacity=80); 
    background-color: #eee; 
    padding: 2px; 
    color: #000; 
    font-size: 11px; 
    font-family: verdana; 
    } 
  </style> 


</head>
<body bgcolor="#FFFFFF" background="o&o601.jpg" link="#FF0000" vlink="#FF0000" alink="#FF0000"  OnLoad="beeldwissel('beeld')">

<div class="container">
<!-- begin container -->
<!-- begin layers -->
<div style="position: absolute; width: 100px; height: 287px; z-index: 1; left: 550px; top: 383px" id="laag1">
<!-- begin swf -->
<div id="Layer3" style="width:158px; height:34px; z-index:3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="134" height="32">
    <param name=movie value="http://www.visuals.nl/voordorp/banners/voordorp_banner.swf">
    <param name=quality value=high>
    <embed src="http://www.visuals.nl/voordorp/banners/voordorp_banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="134" height="32">
    </embed> 
  </object></div>
 <!-- eind swf -->
<img name="beeld" src="http://www.visuals.nl/voordorp/home/voordorpluchtfoto1.jpg" width=300 height="225">
</div>
<!-- eind layers -->

&nbsp;<p align="center">&nbsp;</p>
<div align="center">

	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table1" >
		<!-- MSCellFormattingTableID="2" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" width="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p align="center">
			<font face="Arial" size="1" color="#FFFFFF">
			<marquee bgcolor="#000000" scrolldelay="160">muziek&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; omgevingsgeluiden&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; video/fotoprojecties&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; breakdance&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; rap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; soundscapes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; weblog </marquee></font></td>

			<td bgcolor="#000000" height="28" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>

	</table>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="160" id="table2" >
		<!-- MSCellFormattingTableID="1" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>

		<tr>
			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#FF0000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p><strong>
			<font size="7" color="#FFFFFF" face="Arial">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
V</font><font size="7" color="#FFFF00" face="Arial">o</font><font size="7" color="#0000FF" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">rd</font><font size="7" color="#FFFF00" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">rp 
H</font><font size="7" color="#0000FF" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">ren 

&amp; Zien !</font></strong></p>
			<p><strong style="font-weight: 400">
			<font face="Arial" size="4" color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Een muziek, geluid &amp; 
			beeldproject over de wijk Voordorp in Utrecht.</font></strong></p>
			<p><strong style="font-weight: 400">
			<font face="Arial" size="4" color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</font><font face="Arial" color="#FFFFFF" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>

			<font face="Arial" color="#FFFFFF" size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Een project van&nbsp;Stichting Tritonus 2007.</font></strong></p></td>
			<td bgcolor="#000000" height="158" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table3">
		<!-- MSCellFormattingTableID="2" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->

			<p align="center"><b><font color="#FFFFFF" face="Arial" size="1">| 
<a href="home.htm">home</a>&nbsp; |&nbsp;
<a href="../introductie/introductie.htm">introductie</a>&nbsp; | 
<a href="../kunstenaarsenwerkgroep/kunstenaarsenwerkgroep.htm">kunstenaars &amp; werkgroep</a>&nbsp; | 
<a href="../geluidspagina/hoeklinktvoordorp.htm">hoe 
klinkt Voordorp</a>&nbsp; |&nbsp;<a href="../info-interviewsMO/info-interviews.htm"> info &amp; interviews</a>&nbsp; |&nbsp; 

<a href="../flora/flora.htm">flora</a>&nbsp; |&nbsp;
<a href="../voordorprap/voordorprap.htm">voordorprap</a>&nbsp; |&nbsp; 
<a href="../sponsoren/sponsoren.htm">sponsoren</a> |&nbsp; 
<a href="../links/links.htm">links</a>&nbsp; | foto's&nbsp; |&nbsp; 

<a href="mailto:project@voordorphorenenzien.nl">contact</a> |</font></b></td>
			<td bgcolor="#000000" height="28" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">

			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="530" id="table4">
		<!-- MSCellFormattingTableID="3" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">

			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#FFFFFF" width="758">
			<!-- MSCellFormattingType="content" -->
			<blockquote>

		<p class="MsoNormal" align="left" style="border:solid 2px #ff0000;"><!-- style mag weg -->
<font color="#FF0000" ><b>
		<font face="Arial"><br>
		<br>
		welkom</font><font face="Arial" size="2">,<br>
		</font></b></font><b><font face="Arial" size="2"><br>
		</font></b><span style="font-weight: normal">
		<font face="Arial" size="2" color="#808080">De wijk Voordorp in Utrecht 
		is voor improviserend muzikant, <br>

		muziekdocent, componist en Voordorp 
		bewoner <br>
		Bernadette van Beurten de inspiratiebron voor het bedenken <br>
		en 
		maken van zeven audiovisuele composities.</font></span></p>
		<p class="MsoNormal" align="left" style="border:solid 2px #ff0000;"><!-- style mag weg -->
		<font face="Arial" size="2" color="#808080">
		<span style="font-weight: normal">Vanaf haar jongste jeugd is Van 
		Beurten gefascineerd door <br>
		de beelden en geluiden om haar heen die zij 
		deel wil laten <br>

		uitmaken van haar muziek. </span></font></p>
		<p class="MsoNormal" align="left" style="border:solid 2px #ff0000;"> <!-- style mag weg -->
		<font face="Arial" size="2" color="#808080">
		<span style="font-weight: normal">De Stichting Tritonus heeft Van 
		Beurten de opdracht gegeven<br>
		dit idee verder uit te werken in een 
		project:<br>
		Voordorp Horen &amp; Zien.<br>

		</span></font><span style="font-weight: normal">
		<font face="Arial" size="2" color="#808080">Een cultureel project met 
		geprojecteerde videobeelden, foto’s,<br>
		omgevingsgeluiden (soundscapes), 
		informatie en muziek. <br>
		De voor Voordorp typerende beelden en geluiden worden <br>
		vastgelegd. Vanaf 
		april van dit jaar is van Beurten druk doende<br>
		om materiaal te 
		verzamelen.....</font></span><font face="Arial" size="1" color="#FF0000">&lt; </font><a href="introductie.htm">

		<font face="Arial" size="1" color="#FF0000">lees 
		meer</font></a><br>
&nbsp;</p>
		<h5 align="left"><b>
		<font face="Arial" size="3" color="#FF0000">uitvoeringen</font><font face="Arial" size="2" color="#FF0000"><br>
		</font><font face="Arial" color="#3366FF" size="2"><br>
		</font></b><span style="font-weight: 400">
		<font face="Arial" size="2" color="#808080">Zaterdag 5 januari 2008 <br>
		tuinhuis Groene Dak, Voordorp<br>

		16.00 - 17.15 uur.<br>
		<br>
		Zondag 6 januari 2008<br>
		tuinhuis Groene Dak, Voordorp<br>
		16.00 - 17.15 uur.<br>
		<br>
		toegang&nbsp; 2,- euro<br>

		kinderen tot 12 jaar&nbsp;gratis<br>
		<br>
&nbsp;</font></span></h5>
	<p align="center"></p>
			</blockquote>


			</td>
			<td bgcolor="#000000" height="528" width="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>

</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table5">
		<!-- MSCellFormattingTableID="5" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>

			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p align="right"><font face="Arial" size="1" color="#FFFFFF">
Copyright © 2007 Stichting Tritonus.</font></td>
			<td bgcolor="#000000" height="28" width="1">
			<p align="center">

			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>
<!-- eind container -->
</div>

</body>

</html>

peter vazed · 28 sep 2007

Aangepaste versie:

PHP:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Voordorp Horen &amp; Zien</title>
<style><!--   a {color:white;text-decoration:none}   a:visited {color:silver;text-decoration:none}   a:hover {color:red;text-decoration:none}--></style>

<SCRIPT LANGUAGE="JavaScript">

var interval = 3; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 0; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber1.jpg");<!-- afb 1 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto1.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber2.jpg");<!-- afb 3 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto2.jpg");<!-- afb 4 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/ber3.jpg");<!-- afb 5 -->
image_list[image_index++] = new imageItem("http://www.visuals.nl/voordorp/home/voordorpluchtfoto3.jpg");<!-- afb 6 -->

                                                                  <!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}

</script>	

<!-- </head>  hoort hier niet -->
<!-- <title>text-popup</title>  verwijderen -->
  <style type="text/css"> 
body 
{ 
margin: 0; 
        padding: 0; 
        font-family: verdana, "comic sans ms" , arial, hevetica, sans-serif; 
        text-align: center; 
       color: #000;
	   background: #B9B9F4;
font-size:13px;
} 

.container{
	width:100px;
	height:100px;
	text-align:center;
	border:2px outset #999999;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	background: #ffffcc;
}    

.kop{
font-family:  verdana, "comic sans ms" , arial, hevetica, sans-serif;
color: #ff0000  ;
font-size:18px;
weight:bold;
}
   #popup { 
    position: absolute; 
    visibility: hidden; 
    border: 1px solid #000; 
    width: 160px; 
    filter: alpha(opacity=80); 
    background-color: #eee; 
    padding: 2px; 
    color: #000; 
    font-size: 11px; 
    font-family: verdana; 
    } 
  </style> 


</head>
<body bgcolor="#FFFFFF" background="o&o601.jpg" link="#FF0000" vlink="#FF0000" alink="#FF0000"  OnLoad="beeldwissel('beeld')">

<div class="container">
<!-- begin container -->

&nbsp;<p align="center">&nbsp;</p>
<div align="center">

	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table1" >
		<!-- MSCellFormattingTableID="2" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" width="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p align="center">
			<font face="Arial" size="1" color="#FFFFFF">
			<marquee bgcolor="#000000" scrolldelay="160">muziek&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; omgevingsgeluiden&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; video/fotoprojecties&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; breakdance&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; rap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; soundscapes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; weblog </marquee></font></td>

			<td bgcolor="#000000" height="28" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>

	</table>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="160" id="table2" >
		<!-- MSCellFormattingTableID="1" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>

		<tr>
			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#FF0000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p><strong>
			<font size="7" color="#FFFFFF" face="Arial">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
V</font><font size="7" color="#FFFF00" face="Arial">o</font><font size="7" color="#0000FF" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">rd</font><font size="7" color="#FFFF00" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">rp 
H</font><font size="7" color="#0000FF" face="Arial">o</font><font size="7" color="#FFFFFF" face="Arial">ren 

&amp; Zien !</font></strong></p>
			<p><strong style="font-weight: 400">
			<font face="Arial" size="4" color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Een muziek, geluid &amp; 
			beeldproject over de wijk Voordorp in Utrecht.</font></strong></p>
			<p><strong style="font-weight: 400">
			<font face="Arial" size="4" color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</font><font face="Arial" color="#FFFFFF" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>

			<font face="Arial" color="#FFFFFF" size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Een project van&nbsp;Stichting Tritonus 2007.</font></strong></p></td>
			<td bgcolor="#000000" height="158" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table3">
		<!-- MSCellFormattingTableID="2" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">

			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->

			<p align="center"><b><font color="#FFFFFF" face="Arial" size="1">| 
<a href="home.htm">home</a>&nbsp; |&nbsp;
<a href="../introductie/introductie.htm">introductie</a>&nbsp; | 
<a href="../kunstenaarsenwerkgroep/kunstenaarsenwerkgroep.htm">kunstenaars &amp; werkgroep</a>&nbsp; | 
<a href="../geluidspagina/hoeklinktvoordorp.htm">hoe 
klinkt Voordorp</a>&nbsp; |&nbsp;<a href="../info-interviewsMO/info-interviews.htm"> info &amp; interviews</a>&nbsp; |&nbsp; 

<a href="../flora/flora.htm">flora</a>&nbsp; |&nbsp;
<a href="../voordorprap/voordorprap.htm">voordorprap</a>&nbsp; |&nbsp; 
<a href="../sponsoren/sponsoren.htm">sponsoren</a> |&nbsp; 
<a href="../links/links.htm">links</a>&nbsp; | foto's&nbsp; |&nbsp; 

<a href="mailto:project@voordorphorenenzien.nl">contact</a> |</font></b></td>
			<td bgcolor="#000000" height="28" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">

			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>

<div style="text-align:left;width:760px;">
<div style="float:left; width:400px;margin-left:10px;margin-right:10px;">
<span class="kop"> welkom,</span>
<p>
De wijk Voordorp in Utrecht is voor improviserend muzikant,
muziekdocent, componist en Voordorp bewoner
Bernadette van Beurten de inspiratiebron voor het bedenken
en maken van zeven audiovisuele composities.</p>

<p>




Vanaf haar jongste jeugd is Van Beurten gefascineerd door
de beelden en geluiden om haar heen die zij deel wil laten
uitmaken van haar muziek.
<p>


De Stichting Tritonus heeft Van Beurten de opdracht gegeven
dit idee verder uit te werken in een project:
Voordorp Horen & Zien.<p>


Een cultureel project met geprojecteerde videobeelden, foto’s,
omgevingsgeluiden (soundscapes), informatie en muziek.
De voor Voordorp typerende beelden en geluiden worden
vastgelegd. Vanaf april van dit jaar is van Beurten druk doende
om materiaal te verzamelen..... &gt; <a href="introductie.htm">lees meer</a>
</div>
<div style="float:left; width:160px;">
<!-- begin layers -->
<div style=" width: 100px; height: 287px; z-index: 1; l" id="laag1">
<!-- begin swf -->
<div id="Layer3" style="width:158px; height:34px; z-index:3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="134" height="32">
    <param name=movie value="http://www.visuals.nl/voordorp/banners/voordorp_banner.swf">
    <param name=quality value=high>
    <embed src="http://www.visuals.nl/voordorp/banners/voordorp_banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="134" height="32">
    </embed> 
  </object></div>
 <!-- eind swf -->
<img name="beeld" src="http://www.visuals.nl/voordorp/home/voordorpluchtfoto1.jpg" width=300 height="225">
</div>
<!-- eind layers -->
</div>
<div style="clear:both;"><br>
<br>
</div>
<div style="float:left;width:300px; margin-left:10px;">
	<span class="kop">uitvoeringen</span><br>
Zaterdag 5 januari 2008 <br>
		tuinhuis Groene Dak, Voordorp<br>

		16.00 - 17.15 uur.<br>
		<br>
		Zondag 6 januari 2008<br>
		tuinhuis Groene Dak, Voordorp<br>
		16.00 - 17.15 uur.<br>
		<br>
		toegang&nbsp; 2,- euro<br>

		kinderen tot 12 jaar&nbsp;gratis<br>
		<br>
</div>
</div>
<div align="center">
	<table cellpadding="0" cellspacing="0" width="760" height="30" id="table5">
		<!-- MSCellFormattingTableID="5" -->
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>

			<td bgcolor="#000000" width="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
			<td bgcolor="#000000" width="758">
			<!-- MSCellFormattingType="content" -->
			<p align="right"><font face="Arial" size="1" color="#FFFFFF">
Copyright © 2007 Stichting Tritonus.</font></td>
			<td bgcolor="#000000" height="28" width="1">
			<p align="center">

			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
		<tr>
			<td bgcolor="#000000" colspan="3" height="1">
			<p align="center">
			<img alt="" width="1" height="1" src="../Voordorpsite290407/MsSpacer.gif"></td>
		</tr>
	</table>
</div>
<!-- eind container -->
</div>

</body>

</html>

De tekst en de plaatjes zitten nu in een eigen divje.

na uploadkomt site niet goed over

van.beurten

Gebruiker

peter vazed

Meubilair

peter vazed

Meubilair

peter vazed

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy