een pixel teveel en niet weg te krijgen

Status
Niet open voor verdere reacties.
arno1991

arno1991

Gebruiker
Lid geworden
7 aug 2005
Berichten
151
Hallo,
voor school moet ik een website maken over Cannes, de filmfestivalstad van Frankrijk. Natuurlijk wil ik weer eens wat nieuws proberen met HTML, maar nu krijg ik natuurlijk het niet zoals ik het wil. Ik werk in een tabel. De eerste rij is gevuld met een afbeelding. Dus een <img> tag tussen de twee <td>'s.
De tweede rij is gevuld met niets, behalve een achtergrond. Het probleem is nu natuurlijk dat tussen de eerste rij en de tweede rij een witte horizontale pixel te zien is. Weet soms iemand
hoe ik die pixel kan wegkrijgen?
Dit is de code (zelf getikt):

HTML: 
<html>
<head>
<title>Cannes!</title>
</head>
<body bgcolor="white">
<br>
<br>
<table border="0" width="700" height="480" align="center" cellpadding="0" cellspacing="0">
<tr><td height="170"><img src="cannesup.png" alt="Cannes!"></td></tr>
<tr><td background="cannesdown.png" height="307"></td></tr>
</table>
</body>
</html>

de website zelf staat ook nog eens op mijn website in een zip-bestand:
http://users.skynet.be/arnodepachter/canneswebsite.zip/


ik weet ook wel dat je geen huiswerk hier mag plaatsen, maar van school is de code en hoe je het doet volledig vrij. En omdat alle anderen Dreamweaver gebruiken of een geslicete foto kun je dit dus niet zien als "huiswerk oplossen".
In de tweede rij moet een iframe komen, daarom gebruik ik dus de afbeelding als achtergrond.


Hartelijk bedankt!


arno
 
Is die rij er nog wanneer je het <iframe> er tussen zet?
 
wel, die iframe moet juist in de tweede rij staan. Als ik hem erin plaats krijg ik juist hetzelfde als hem niet in die rij te plaatsen. En het raarste van allemaal is, bij een andere website van mij krijg ik dat probleem niet. ==> arnoswebsite

de code van arnoswebsite is als volgt:

HTML: 
<html>
<head>
<title>arno's website</title>
</head>
<body bgcolor="white">
<table align="center" border="0" width="650" cellspacing="0" cellpadding="0">
<tr><td>
<img src="header.png">
</td></tr>
<tr><td background="bgtable.png">
Tekst
</td></tr>
<tr><td><img src="bottom.png"></td></tr>
</table>
</body>
</html>

maar natuurlijk werk ik hier (nog niet) met een imagemap.

Hieronder is de code van die website van Cannes, dus die met het probleem:

HTML: 
<html>
<head>
<title>Cannes!</title>
</head>
<body bgcolor="white">
<br>
<br>
<table border="0" width="700" height="480" align="center" cellpadding="0" cellspacing="0">
<tr><td height="170">

<img src="cannesup2.png" border="0" usemap="#map">

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Arno De Pachter -->
<area shape="rect" coords="44,111,118,158" target="iframe" href="home.htm" alt="Home">
<area shape="rect" coords="123,111,196,158" target="iframe" href="socioeco.htm" alt="Socio-economisch">
<area shape="rect" coords="202,111,276,158" target="iframe" href="toerist.htm" alt="Toeristische dienst">
<area shape="rect" coords="281,111,355,159" target="iframe" href="hotel.htm" alt="Hotels">
<area shape="rect" coords="359,111,467,158" target="iframe" href="gastro.htm" alt="Gastronomie">
<area shape="rect" coords="473,110,547,159" target="iframe" href="histor.htm" alt="Geschiedenis">
<area shape="rect" coords="552,110,627,159" target="iframe" href="why.htm" alt="Waarom Cannes?">
</map>

</td></tr>
<tr><td background="cannesdown.png" height="307" valign="top"><center>&nbsp;<iframe name="iframe" 
frameborder="0" width="611" align="center" src="home.htm" height="245"></iframe></center>
</td></tr>
</table>
</body>
</html>

zoals je ziet, is er nu wel een imagemap toegevoegd en een iframe. Het resultaat blijft hetzelfde. Helaas...

bedankt,

arno
 
euhm, het spijt me allemaal om een topic te vergooien. Gelukkig kost het geen geld.
Net toen ik mijn antwoord op de vraag had gepost, zag ik in dat er in de <table> in de nieuwe code een attribuut teveel stond: height. Ook al pas je de height in op minder pixels dan de afbeelding, blijft er een witte rand voorkomen.
Oplossing: geen height declareren in de table.

Bedankt allemaal, en mijn excuses,

arno
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan