hallo,
ik heb een nieuwjaarswens gemaakt in htm. die wil ik als bijlage in een mail als nieuwjaarswens rondsturen.
maar de beeldjes komen in FF op een verkeerde plaats, zodat de tekst moeilijk leesbaar wordt. Er zit dus duidelijk een fout in.
Omdat dit niet online staat, hieronder het script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>wensen 2011</title>
<style type="text/css">
body { background-image:url('sneeuwvoetstappen.jpg'); text-align: left; color: green; };
#pagina {; text-align: left; width: 1400px;}
#lichtkrant {position: absolute; top: -135px; left: 350px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 700px;}
#lichtkrantb {position: absolute; top: -190px; left: 800px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; font-size: 36px; width: 400px;}
#lichtkrant2 {position: absolute; top: 280px; left: 650px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 700px; }
#lichtkrant2b {position: absolute; top: 390px; left: 700px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 1000px; }
#paginaNL {position: absolute; top: 100px; left: 50px; text-align: left; padding-left: 50px; display: none}
#paginaES {position: absolute; top: 100px; left: 50px; text-align: left; padding-left: 80px; display: none}
#wissel {position: relative; padding-top: 20px; left: 50px; padding-left: 50px;}
#kerstbeelden{{position: absolute; top: 100px; padding-top: 270px; left: 80px; padding-left: -50px;}
</style>
<script language="JavaScript" type="text/javascript">
<!--
var stap = 0;
var positie = 0;
var startpositie = document.documentElement.clientHeight;
var vensterhoogte = startpositie;
var stapb = 0;
var positieb = 0;
var startpositieb = document.documentElement.clientHeight;
var vensterhoogteb = startpositieb;
var stap2 = 0;
var positie2 = 0;
var startpositie2 = document.documentElement.clientHeight;
var vensterhoogte2 = startpositie2;
function beweeg()
{
voorwerp = document.getElementById("lichtkrant").style;
voorwerp.top = -135 + stap;
positie = parseInt(voorwerp.top);
if (positie <= (vensterhoogte + 260)){
stap+=1;
setTimeout("beweeg()",10);
}
}
function beweegb()
{
voorwerpb = document.getElementById("lichtkrantb").style;
voorwerpb.top = -405 + stapb;
positieb = parseInt(voorwerpb.top);
if (positieb <= (vensterhoogte + 350)){
stapb+=1;
setTimeout("beweegb()",5);
}
}
//-->
</script>
<script>
var vorigKader = '';
function toon(kader){
if (document.getElementById(kader)){
if (document.getElementById(vorigKader)){
document.getElementById(vorigKader).style.display = 'none';
}
document.getElementById(kader).style.display = 'block';
vorigKader = kader;
}
}
</script>
<sript>
<script type="text/javascript">
window.onload = function() {
beweeg();
beweegb();
toon('paginaNL');
}
</script>
</head>
<body>
<div id="pagina">
<div id="wissel">
<a href="#" onclick="toon('paginaNL')">Nederlands</a><br />
<a href="#" onclick="toon('paginaES')">Español</a><br />
</div>
<div id="kerstbeelden">
<img src="kerstbeeldjes .gif" alt="kerstbeelden" padding-top="980px">
</div>
<div id ="paginaNL">
<script language="JavaScript" type="text/javascript">
<!--
/* Countdown-script door Ben Boukes naar een idee van Alan Palmer,
http://www.jsr.communitech.net
<!-- The original script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
*/
// Onderstaande datum invoeren met Engelse notatie!
var date = new Date('Januar 1, 2011');
var description = 'Nieuwjaar';
// Opmaak van de melding
var begintags = '<div align="left" margin-top="400px"><h2>';
var endtags = '</h2></div>';
// Hieronder niets veranderen
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24))+1;
document.write(begintags);
if (days >=
{
document.write('We tellen af... <br/>Leer al maar "nieuwjaarke zoete" zingen, <br/> want het is nog maar ' + days + ' dagen tot' );
} else
{
if (days == 7) {
document.write('<h1>' + 'Zalig Kerstfeest!' + '</h1>' + '<br/>' + '<h2>We tellen verder af... <br/> want het is nog maar ' + days + ' dagen tot</h2>'); // voor IE is herhalen h2 niet nodig, voor FF wel
}
else if (days >= 1) {
document.write('We tellen nog verder af... <br/> want het is nog maar ' + days + ' dag\(en\) tot');
} else if (days == 0){ // Evenement is vandaag
document.write('<h1>' + 'Gelukkig nieuwjaar!' + '</h1>' + '<br/>' + '<h2>Onthou van 2010 alleen de beste dagen ... <br/> Begin vol optimisme aan</h2> ');
} else if (days == -1){ // Evenement is vandaag
document.write(description + ' is reeds '+ Math.abs(days) + ' dag voorbij<br/>Elke minuut dat je je druk maakt om je verleden,<br/> gaat af van je toekomst.<br/> Geniet nog van elk moment van');
} else { // Evenement is reeds gepasseerd
document.write(description + ' is reeds '+ Math.abs(days) + ' dagen voorbij<br/>Elke minuut dat je je druk maakt om je verleden,<br/> gaat af van je toekomst.<br/> Geniet nog van elk moment van')
}//einde van eerste else
}//einde van eerste if
document.write(endtags);
// Einde van dit script -->
</script>
<div id="lichtkrant"> <img src="twee.jpg" alt="twee"><img src="zero.jpg" alt="nul"><img src="een.jpg" alt="één"><img src="een.jpg" alt="een"></div>
<div id="lichtkrantb"> <p style text-align="center" >en 't wordt een goei jaar!</p></div>
</div>
<div id ="paginaES">
<div id ="aftellen2">
<script language="JavaScript" type="text/javascript">
<!--
/* Countdown-script door Ben Boukes naar een idee van Alan Palmer,
http://www.jsr.communitech.net
<!-- The original script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
*/
// Onderstaande datum invoeren met Engelse notatie!
var date = new Date('Januar 1, 2011');
var description = 'Año Nuevo';
// Opmaak van de melding
var begintags = '<div align="left"><h2>';
var endtags = '</h2></div>';
// Hieronder niets veranderen
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24))+1;
document.write(begintags);
if (days >=
{
document.write('Ya estamos contando... <br/>busca alguna canción <br/> porque solamente faltan ' + days + ' días para' );
} else
{
if (days == 7) {
document.write('<h1>' + '!Feliz Pascuas de Navidad!' + '</h1>' + '<br/>' + '<h2>Seguimos contando... <br/> porque solamente faltan ' + days + ' días para</h2>'); // voor IE is herhalen h2 niet nodig, voor FF wel
}
else if (days >= 1) {
document.write('Todavía estamos contando... <br/> porque solamente faltan ' + days + ' días para');
} else if (days == 0){ // Evenement is vandaag
document.write('<h1>' + 'Feliz Año Nuevo!' + '</h1>' + '<br/>' + '<h2>Solamente requérdese los buenos días de 2010 ... <br/> emieza con optimismo en/h2> ');
} else if (days == -1){ // Evenement is gisteren
document.write( description + ' ya pasó hace '+ Math.abs(days) + ' día.<br/>Cada minuto que se queja del pasado,<br/> se roba de su futuro.<br/> Disfrute cada momento de');
} else { // Evenement is reeds gepasseerd
document.write(description + ' ya pasó hace '+ Math.abs(days) + ' días<br/>Every minut you worry about the past,<br/> is stolen from the future.<br/> Enjoy every moment of')
}//einde van eerste else
}//einde van eerste if
document.write(endtags);
// Einde van dit script -->
</script>
<div id="lichtkrant2"> <img src="twee.jpg" alt="twee"><img src="zero.jpg" alt="nul"><img src="een.jpg" alt="één"><img src="een.jpg" alt="een"></div>
<div id="lichtkrant2b"> !Y HABRA UN AÑO MARRAVILLOSA!</div>
</div>
</div>
</div>
</body>
</html>
Kan iemand me helpen?
alvast bedankt,
Kris
ik heb een nieuwjaarswens gemaakt in htm. die wil ik als bijlage in een mail als nieuwjaarswens rondsturen.
maar de beeldjes komen in FF op een verkeerde plaats, zodat de tekst moeilijk leesbaar wordt. Er zit dus duidelijk een fout in.
Omdat dit niet online staat, hieronder het script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>wensen 2011</title>
<style type="text/css">
body { background-image:url('sneeuwvoetstappen.jpg'); text-align: left; color: green; };
#pagina {; text-align: left; width: 1400px;}
#lichtkrant {position: absolute; top: -135px; left: 350px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 700px;}
#lichtkrantb {position: absolute; top: -190px; left: 800px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; font-size: 36px; width: 400px;}
#lichtkrant2 {position: absolute; top: 280px; left: 650px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 700px; }
#lichtkrant2b {position: absolute; top: 390px; left: 700px; text-align: center; vertical-align: center; margin-left: -1OOpx; font-weight: bolder; font-size: x-large; color: red; width: 1000px; }
#paginaNL {position: absolute; top: 100px; left: 50px; text-align: left; padding-left: 50px; display: none}
#paginaES {position: absolute; top: 100px; left: 50px; text-align: left; padding-left: 80px; display: none}
#wissel {position: relative; padding-top: 20px; left: 50px; padding-left: 50px;}
#kerstbeelden{{position: absolute; top: 100px; padding-top: 270px; left: 80px; padding-left: -50px;}
</style>
<script language="JavaScript" type="text/javascript">
<!--
var stap = 0;
var positie = 0;
var startpositie = document.documentElement.clientHeight;
var vensterhoogte = startpositie;
var stapb = 0;
var positieb = 0;
var startpositieb = document.documentElement.clientHeight;
var vensterhoogteb = startpositieb;
var stap2 = 0;
var positie2 = 0;
var startpositie2 = document.documentElement.clientHeight;
var vensterhoogte2 = startpositie2;
function beweeg()
{
voorwerp = document.getElementById("lichtkrant").style;
voorwerp.top = -135 + stap;
positie = parseInt(voorwerp.top);
if (positie <= (vensterhoogte + 260)){
stap+=1;
setTimeout("beweeg()",10);
}
}
function beweegb()
{
voorwerpb = document.getElementById("lichtkrantb").style;
voorwerpb.top = -405 + stapb;
positieb = parseInt(voorwerpb.top);
if (positieb <= (vensterhoogte + 350)){
stapb+=1;
setTimeout("beweegb()",5);
}
}
//-->
</script>
<script>
var vorigKader = '';
function toon(kader){
if (document.getElementById(kader)){
if (document.getElementById(vorigKader)){
document.getElementById(vorigKader).style.display = 'none';
}
document.getElementById(kader).style.display = 'block';
vorigKader = kader;
}
}
</script>
<sript>
<script type="text/javascript">
window.onload = function() {
beweeg();
beweegb();
toon('paginaNL');
}
</script>
</head>
<body>
<div id="pagina">
<div id="wissel">
<a href="#" onclick="toon('paginaNL')">Nederlands</a><br />
<a href="#" onclick="toon('paginaES')">Español</a><br />
</div>
<div id="kerstbeelden">
<img src="kerstbeeldjes .gif" alt="kerstbeelden" padding-top="980px">
</div>
<div id ="paginaNL">
<script language="JavaScript" type="text/javascript">
<!--
/* Countdown-script door Ben Boukes naar een idee van Alan Palmer,
http://www.jsr.communitech.net
<!-- The original script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
*/
// Onderstaande datum invoeren met Engelse notatie!
var date = new Date('Januar 1, 2011');
var description = 'Nieuwjaar';
// Opmaak van de melding
var begintags = '<div align="left" margin-top="400px"><h2>';
var endtags = '</h2></div>';
// Hieronder niets veranderen
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24))+1;
document.write(begintags);
if (days >=
document.write('We tellen af... <br/>Leer al maar "nieuwjaarke zoete" zingen, <br/> want het is nog maar ' + days + ' dagen tot' );
} else
{
if (days == 7) {
document.write('<h1>' + 'Zalig Kerstfeest!' + '</h1>' + '<br/>' + '<h2>We tellen verder af... <br/> want het is nog maar ' + days + ' dagen tot</h2>'); // voor IE is herhalen h2 niet nodig, voor FF wel
}
else if (days >= 1) {
document.write('We tellen nog verder af... <br/> want het is nog maar ' + days + ' dag\(en\) tot');
} else if (days == 0){ // Evenement is vandaag
document.write('<h1>' + 'Gelukkig nieuwjaar!' + '</h1>' + '<br/>' + '<h2>Onthou van 2010 alleen de beste dagen ... <br/> Begin vol optimisme aan</h2> ');
} else if (days == -1){ // Evenement is vandaag
document.write(description + ' is reeds '+ Math.abs(days) + ' dag voorbij<br/>Elke minuut dat je je druk maakt om je verleden,<br/> gaat af van je toekomst.<br/> Geniet nog van elk moment van');
} else { // Evenement is reeds gepasseerd
document.write(description + ' is reeds '+ Math.abs(days) + ' dagen voorbij<br/>Elke minuut dat je je druk maakt om je verleden,<br/> gaat af van je toekomst.<br/> Geniet nog van elk moment van')
}//einde van eerste else
}//einde van eerste if
document.write(endtags);
// Einde van dit script -->
</script>
<div id="lichtkrant"> <img src="twee.jpg" alt="twee"><img src="zero.jpg" alt="nul"><img src="een.jpg" alt="één"><img src="een.jpg" alt="een"></div>
<div id="lichtkrantb"> <p style text-align="center" >en 't wordt een goei jaar!</p></div>
</div>
<div id ="paginaES">
<div id ="aftellen2">
<script language="JavaScript" type="text/javascript">
<!--
/* Countdown-script door Ben Boukes naar een idee van Alan Palmer,
http://www.jsr.communitech.net
<!-- The original script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
*/
// Onderstaande datum invoeren met Engelse notatie!
var date = new Date('Januar 1, 2011');
var description = 'Año Nuevo';
// Opmaak van de melding
var begintags = '<div align="left"><h2>';
var endtags = '</h2></div>';
// Hieronder niets veranderen
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24))+1;
document.write(begintags);
if (days >=
document.write('Ya estamos contando... <br/>busca alguna canción <br/> porque solamente faltan ' + days + ' días para' );
} else
{
if (days == 7) {
document.write('<h1>' + '!Feliz Pascuas de Navidad!' + '</h1>' + '<br/>' + '<h2>Seguimos contando... <br/> porque solamente faltan ' + days + ' días para</h2>'); // voor IE is herhalen h2 niet nodig, voor FF wel
}
else if (days >= 1) {
document.write('Todavía estamos contando... <br/> porque solamente faltan ' + days + ' días para');
} else if (days == 0){ // Evenement is vandaag
document.write('<h1>' + 'Feliz Año Nuevo!' + '</h1>' + '<br/>' + '<h2>Solamente requérdese los buenos días de 2010 ... <br/> emieza con optimismo en/h2> ');
} else if (days == -1){ // Evenement is gisteren
document.write( description + ' ya pasó hace '+ Math.abs(days) + ' día.<br/>Cada minuto que se queja del pasado,<br/> se roba de su futuro.<br/> Disfrute cada momento de');
} else { // Evenement is reeds gepasseerd
document.write(description + ' ya pasó hace '+ Math.abs(days) + ' días<br/>Every minut you worry about the past,<br/> is stolen from the future.<br/> Enjoy every moment of')
}//einde van eerste else
}//einde van eerste if
document.write(endtags);
// Einde van dit script -->
</script>
<div id="lichtkrant2"> <img src="twee.jpg" alt="twee"><img src="zero.jpg" alt="nul"><img src="een.jpg" alt="één"><img src="een.jpg" alt="een"></div>
<div id="lichtkrant2b"> !Y HABRA UN AÑO MARRAVILLOSA!</div>
</div>
</div>
</div>
</body>
</html>
Kan iemand me helpen?
alvast bedankt,
Kris
Apparaatnaam LAPTOP-QEDVFNJO
Processor Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz 2.59 GHz
Geïnstalleerd RAM-geheugen 16,0 GB (15,8 GB beschikbaar)
Type systeem 64-bits besturingssysteem, x64-processor
Processor Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz 2.59 GHz
Geïnstalleerd RAM-geheugen 16,0 GB (15,8 GB beschikbaar)
Type systeem 64-bits besturingssysteem, x64-processor