Lay-out werkt niet mee

Status
Niet open voor verdere reacties.

wesselh

Gebruiker
Lid geworden
2 mrt 2007
Berichten
132
Hallo mensen,
Ik ben bezig met een website alleen de layout wil niet meewerken.
Alle afmetingen van de cellen zijn goed en van de plaatjes ook een toch gebeurt er dit:\
Tussen de 2 delen van mijn header/menu zit een randje terwijl dat er niet hoort te zitten en de header is aan de rechter kant te lang.. het plaatje is 800 breed maar de cel ook dus wat is het probleem?

bvdg6.png


En dit is mijn broncode:

PHP:
<html>
<head>

<style>

table { border: 0px solid black; }
td { border: 0px solid black; }

</style>

<title>Loxodrome - Architects & Planners</title>
</head>
<body background="bg.PNG">

<table width="800" height="565" border="0" celpadding="0" cellspacing="0">

<tr>
 <td width="800" height="210" colspan="5" background="loxodromeheader.PNG"></td>
</tr>

<tr>
 <td width="800" height="20" colspan="5">

<table width="800" height="20" background="loxodromemenu.PNG" cellpadding="0" cellspacing="0" border="0">
<tr>
 <td width="15" height="20"></td>
 <td align="center" width="76" height="20" background="knop1.PNG" onmouseover="this.style.cursor='hand'; this.style.backgroundImage='url(knop2.PNG)';" onmouseout="this.style.backgroundImage='url(knop1.PNG)'" onClick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
 <td width="1" height="20"></td>
 <td align="center" width="76" height="20" background="knop1.PNG" onmouseover="this.style.cursor='hand'; this.style.backgroundImage='url(knop2.PNG)';" onmouseout="this.style.backgroundImage='url(knop1.PNG)'" onClick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
 <td width="1" height="20"></td>
 <td align="center" width="76" height="20" background="knop1.PNG" onmouseover="this.style.cursor='hand'; this.style.backgroundImage='url(knop2.PNG)';" onmouseout="this.style.backgroundImage='url(knop1.PNG)'" onClick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
 <td width="1" height="20"></td>
 <td align="center" width="76" height="20" background="knop1.PNG" onmouseover="this.style.cursor='hand'; this.style.backgroundImage='url(knop2.PNG)';" onmouseout="this.style.backgroundImage='url(knop1.PNG)'" onClick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
 <td width="478" height="20"></td>
</tr>
</table>

</td>
</tr>

<tr>
 <td width="800" height="2" colspan="5"></td>
</tr>

<tr>
 <td width="159" height="316">

<table width="159" height="316" border="0" cellspacing="0" cellpadding="1" background="loxodromesubmenu.PNG">
<tr>
 <td width="159" height="15" align="center" valign="top"><font color="white" face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="21" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="22" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="22" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="22" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="21" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="19" onmouseover="this.style.color='gray'; this.style.cursor='hand';" onmouseout="this.style.color='black';" onclick="parent.location='#'"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="15"></td>
</tr>
<tr>
 <td width="159" height="2"></td>
</tr>
<tr>
 <td width="159" height="15" align="center" valign="top"><font color="white" face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="127" valign="top"><font face="verdana" size="1">Tekst</font></td>
</tr>
<tr>
 <td width="159" height="15"></td>
</tr>
</table>

</td>
 <td width="2" height="2"></td>
 <td width="478" height="316" valign="top">

<table width="478" border="0" cellpadding="1" cellspacing="0">
<tr>
 <td width="478" height="15" background="titelinhoud.PNG" align="center" valign="top"><font size="1" face="verdana" color="white">Index</font></td>
</tr>
<tr>
 <td width="478" bgcolor="#ffffff" valign="top"><font size="1" face="verdana">Tekst</font></td>
</tr>
</table>

</td>
 <td width="2" height="316"></td>
 <td width="159" height="316">hoi</td>
</tr>

<tr>
 <td width="800" height="2" colspan="5"></td>
</tr>

<tr>
 <td width="800" height="15" colspan="5"></td>
</tr>

</body>
</html>

Heel erg bedankt als je me hiermee kunt helpen!:confused: :thumb:
 
Laatst bewerkt:
wesselh,
In uw plaats zou ik die site maken in css en html in plaats van alles in een table te stoppen.
Ten tweede in FF geeft uw code reeds 16 warnings, bij de afmetingen zou ik px toevoegen
Code:
<table width="800px" height="565px"
om de eenvoudige reden een betere communicatie met verschillende browsers en zonder al uw plaatjes valt het moeilijk om dat alles uit te testen.
Plaats het hele zootje online dat we aan uw plaatjes kunnen kwestie van testen ik geef liever een antwoord waarvan ik zeker weet dat het werkt en dan nog in FF2 en IE7.:thumb:
 
o_O . ok ik denk dat de probleem met de header en menu ligt aan de hoeveel heid tables. je hebt ongeveer 5 tables geopend en maar 4x afgesloten. en ja, de menu en header staan allebei in 2 verschillende tables daardoor krijg je die rand. probeer net zo als defietser zegt. probeer het in 1 table of misschien 2 tables te gooien en gebruik css.
 
misschien een idee om het in div's te doen ;)
en misschien is het beter om je menu in css te schrijven dit omdat je dan zeker weet dat je menu altijd werkt ;)

groeten
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan