Ben maar een eenvoudige amateur. Ben allang blij dat ik in GoLive een bruikbare website heb weten te maken, maar doordat ik die jaar in jaar uit wat aanpas komen er soms vreemde foutjes in.
Op een pagina: www.centrumboswijk.nl/pagina's/programma.html
horen 4 plaatjes in een vierkant bij elkaar te staan, maar eentje springt ver naar beneden. (Niet in GoLive, maar wel op het web).
Ik hoop dat iemand met HTML-kennis me kan vertellen wat ik daaraan kan doen.  
Alvast grote dank.

Probeer in de html code die lege DIV eens te verwijderen.

De volgende code staat onderaan je pagina en probeer het aangegeven stukje eens te verwijderen:

(wel even een backupje maken, want weet het niet zeker)

<div style="position:absolute;top:319px;left:71px;width:40px;height:59px;">
<img src="../picts/folderpict's%20voor%20web/kleintjes/boom-klein.jpg" alt="" width="40" height="59" border="0" /></div>
<div style="position:absolute;top:389px;left:17px;width:39px;height:59px;">

<img src="../picts/folderpict's%20voor%20web/kleintjes/lamp-klein.jpg" alt="" width="39" height="59" border="0" /></div>
<div style="position:absolute;top:389px;left:71px;width:38px;height:59px;">
<img src="../picts/folderpict's%20voor%20web/kleintjes/Riekje-klein2.jpg" alt="" width="38" height="59" border="0" /></
div>

// vanaf hier
<div style="position:absolute;top:616px;left:0px;width:637px;height:13px;">
<hr size="6" width="637" />
</div>
//tot hier

<div style="position:absolute;top:320px;left:16px;width:40px;height:59px;">
<img src="../picts/folderpict's%20voor%20web/kleintjes/tuinBoeddha-klen.jpg" alt="" width="40" height="59" border="0" /></div>
<div style="position:absolute;top:204px;left:0px;width:640px;height:13px;">

<hr size="13" width="640" />
</div>

(Bewerkt door Fix om 15:05, 3-12-2007)

(Bewerkt door Fix om 15:06, 3-12-2007)

(Bewerkt door Fix om 15:07, 3-12-2007)

Volgens mij zit 'm de fout in het volgende:


<img src="../picts/folderpict's%20voor%20web/kleintjes/Riekje-klein2.jpg" alt="" width="38" height="59" border="0" /></
div>


Probeer eens:


<img src="../picts/folderpict's%20voor%20web/kleintjes/Riekje-klein2.jpg" alt="" width="38" height="59" border="0" /></div>


@Fix. Dank voor je reactie. Heb het geprobeerd, maar haalde daarmee alleen maar een lijntje weg.
@ Geetje. Ook bedankt. Maar ik zie helemaal geen verschil tussen de twee codes die je hebt gemailed. Ligt dat aan mij?

En nog ter aanvulling: er hoort een streep van 7p dik boven de fotootjes en tekst (dus onder de tabs) te staan, die zie ik ook niet. Het lijkt er op dat die -samen met het eerste fotootje helemaal naar beneden wordt gezet. Misschien dat jullie hier iets mee kunnen?
Hoe dan ook, dank.

stom.. Nu zie ik het inderdaad..

Echter, dat stukje code waarvan ik net zei dat je die moest verwijderen, zou eigenlijk ONDER het laatste plaatje ('Riekje-klein2.jpg') moeten staan, maar hij staat tussen het 3e en het laatste plaatje.
Dat zou misschien ook wel eens de reden kunnen zijn.
(misschien ook niet omdat echt elk element in de pagina absoluut gepositioneerd wordt, wat sowieso al apart is)
en die streep die net onder de tabs hoort te staan, staat ook niet in de broncode.
Ik zie onderaan ineens nu wel 2 strepen...... ( < HR >-tag )

(Bewerkt door Fix om 15:53, 3-12-2007)

Het verschil zit 'm in:


</
div>


en


</div>


@Geetje, ah, zoek de verschillen, nu zie ik het. Zal het proberen.
@Fix, ja zo doet Golive (of ik met Go-live) het kennelijk. En je kon wel eens gelijk hebben dat dat niet absoluut positioneren het probleem is. Ik beheers HTML niet, ben hierin dus een complete analfabeet.
Maar wat er gebeurt is dat de beide lijnen die in GoLive keurig links staan -gelijk met de tabs en verdere layout- op het web ineens naar rechts uitsteken; ook het eerste plaatje is naar rechts (en beneden, wschl. omdat er rechts geen plaats meer is) gegaan. Kan je daar iets mee?
Dank.

Als je alle elementen op je pagina absoluut positioneert, maakt het niks uit in welke volgorde je neerzet.
Probeer de 2 div's in de volgende code maar eens om te draaien, rood blijft linksboven aan staan en blauw daar rechsonder...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Untitled</title>
</head>
<body>

<div style="position:absolute;top:200px;left:200px;width:100px;height:100px;background-color:#f00;"></div>
<div style="position:absolute;top:0;left:0;width:100px;height:100px;background-color:#00f;"></div>
</body>
</html>


@Geetje. Moet eerst weg, kan dus nu niet verder. Morgen ga ik verder uitproberen. Hoe dan ook: hoe komt het dat die lijnen rechts uitsteken, en dat daarna een aantal dingen (één plaatje en vermoedelijk twee lijnen naar beneden zakken?
Dank voor je hulp.

ikzelf kan je eigenlijk niet echt verder helpen, of ik zou elk element (die allemaal vaste posities hebben) stuk voor stuk moeten na 'rekenen' of het klopt..

heb je het trouwens in verschillende browsers geprobeerd?

Wat ik aanraadt is om je probleem eens hier neer te leggen. Daar heb ik al meerdere keren bijna direct een goede oplossing gekregen. > http://www.html-site.nl/forum/ - ik stel voor in het css-gedeelte van het forum.

good luck.

Dank je wel @Fix. Ik heb het in verschillende browsers geprobeerd. Op het web geven ze allemaal hetzelfde probleem. Maar lokaal met Golive ziet alles er perfect uit (ook in Firefox etc.).
En dank voor je verwijzen. Ik zal morgen eens kijken.

De fout zit in het volgende stukje code:

<div style="position:absolute;top:389px;left:71px;width:38px;height:59px;">
<img src="../picts/folderpict's%20voor%20web/kleintjes/Riekje-klein2.jpg" alt="" width="38" height="59" border="0" /></
div>

de

</div> welke over 2 regels loopt weghalen in de code en opnieuw intypen </div>
er zal waarschijnlijk 'onzichtbare rotzooi'  tussenstaan.

Daarna zal hij het wel doen. Bij mij in ieder geval wel.
Anders zal ik je de html wel even mailen.

(Bewerkt door pinkeltje77 om 23:12, 3-12-2007)

@pinkeltje77   Je hebt een PB.