foutje plaatsing in FF

Vragen/antwoorden betreffende het maken van je eigen website.

kris.gua
Lid geworden op: 14 apr 2006, 10:43
Locatie: Brasschaat

21 dec 2010, 06:58

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 >= 8) {
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 >= 8) {
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
Omhoog

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

21 dec 2010, 14:35

Beste Kris,

Wanneer je bovenstaande htm code in een email als bijlage gaat verzenden, dan moet:
1- de eigenlijke pagina ook online staan
2- de hyperlinks naar foto's, scripts, stylesheet, ... ed. ook de volledige link bevatten.

Trouwens nu is het ook voor helpers moeilijk je verder te helpen, de layout kan op deze manier niet bekeken worden en is het vaak maar gissen hoe de pagina eruit ziet daar de gebruikte foto's slechts worden weergegeven door het alombekende rood kruisje.

Plaats deze pagina online en geeft in de hyperlinks de volledige plaats waar het staat op de server mee.
bv.

Code: Selecteer alles

<img src="http://www.domeinnaam.be/afbeeldingen/kerstbeeldjes .gif" alt="kerstbeelden" padding-top="980px">

Noot: Plaat op het forum steeds je html code tussen de BBCode tags, dat voorkomt emoticons in je code zoals dit nu het geval is.

mvg,

Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Omhoog

kris.gua
Lid geworden op: 14 apr 2006, 10:43
Locatie: Brasschaat

21 dec 2010, 18:11

Dag Coderunner,

Het was inderdaad dom om dit niet online te zetten. Zo was het voor jullie inderdaad onmogelijk er zicht op te krijgen.
Sorry, en bedankt om dat te melden.

Ik heb ze nu online staan, met de afbeeldingen.

Je kan ze vinden op deze link:
http://www.triangulovzw.be/nieuwjaarswe ... s2011.htm#

Hopelijk kan iemand me nu helpen om er iets beters van te maken.

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
Omhoog

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

21 dec 2010, 20:16

Beste Kris,

1- Is het het kersttafereel links dat je bedoelt dat verkeerd staat ?
Indien zo dan heb je een fout geschreven in de code voor deze afbeelding.

a- Verwijder in je style volgende regel

Code: Selecteer alles

#kerstbeelden{{position: absolute; top: 100px; padding-top: 270px; left: 80px; padding-left: -50px;}
b- Jij schrijft
<img src="kerstbeeldjes .gif" alt="kerstbeelden" padding-top="980px">
c- Dit moet zijn
<img src="kerstbeeldjes .gif" alt="kerstbeelden" style="margin-top:400px;margin-left:80px;">
waarin je misschien de waarden nog zal moeten aanpassen.




2- Verder ben je in je aftelscript de variabele + description + vergeten.
Nu staat er "... want het is nog maar 11 dagen tot" zonder het evenement (hier Nieuwjaar)

Zoek in de code naar (nederlands deel)

Code: Selecteer alles

if (days >= 8) {
  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');
En wijzig dit door

Code: Selecteer alles

if (days >= 8) {
  document.write('We tellen af... <br/>Leer al maar "nieuwjaarke zoete" zingen, <br/> want het is nog maar ' + days + ' dagen tot ' + description );
 
} 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 ' + description + '</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 ' + description );
Zoek in de code naar (spaans deel)

Code: Selecteer alles

if (days >= 8) {
  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');
En wijzig dit door

Code: Selecteer alles

if (days >= 8) {
  document.write('Ya estamos contando... <br/>busca alguna canción <br/> porque solamente faltan ' + days + ' días para ' + description );
																																				
} else 
		{		
			if (days == 7) {
  document.write('<h1>' + '!Feliz Pascuas de Navidad!' + '</h1>' + '<br/>' + '<h2>Seguimos contando...  <br/> porque solamente faltan ' + days + ' días para '  + description +'</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 ' + description );
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Omhoog

kris.gua
Lid geworden op: 14 apr 2006, 10:43
Locatie: Brasschaat

21 dec 2010, 23:22

Hartelijk bedankt! Zo ziet het er al veel beter uit.

Ik heb nog wel een vraag: hoe komt het dat in FF de lettergrootte van de Spaanse tekst (y habrá un año marravillosa) kleiner is dan de Nederlandse (en het wordt een goei jaar) ? In IE zijn ze even groot.

groetjes,

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
Omhoog

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

22 dec 2010, 00:40

Beste Kris,

Omdat er een fout staat in je style opmaak; in "lichtkrantb" (nederlandse) geef je een dubbele (extra) lettergrootte mee en in "lichtkrant2b" (spaanse) niet.
Vervang volgende lijnen

Code: Selecteer alles

#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: 700px; 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: 350px;  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: 400px; text-align: center; vertical-align: center; margin-left: -1OOpx;  font-weight: bolder; font-size: x-large; color: red; width: 1000px; }
door

Code: Selecteer alles

#lichtkrant {position:absolute; margin-left:300px; text-align:center; width:700px;}
#lichtkrantb {position:absolute; margin-left:700px; font-weight:bold; font-size:25px; color:red; width:400px;}
#lichtkrant2 {position:absolute; top:261px; margin-left:300px;  text-align:center; width:700px;}
#lichtkrant2b {position:absolute; top:370px; margin-left:700px; font-weight:bold; font-size:25px; color:red; width:400px;}
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Omhoog

kris.gua
Lid geworden op: 14 apr 2006, 10:43
Locatie: Brasschaat

24 dec 2010, 12:16

Dag Coderunner,

Sorry dat ik niet vlugger reageerde, maar ik had geen melding van een nieuw bericht gekregen.

Ik heb de code aangepast en het is nu oké.

Bedankt!

En beste wensen voor een goede Kerst.

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
Omhoog

Terug naar “Eigen website”