Ik heb een opzet gemaakt voor een site voor een onderzoek wat in Groningen wordt gedaan, daarbij gebruik ik tabelletjes met het bekende ronde randjes princiepe, maar ik krijg een heel raar effect dat de middenbalk word doorgeschoven in het midden:


Weet iemand waar dit aan zou kunnen liggen?

Hier de code:



<table style="border: 0px solid black; position: absolute; top: 10px; left: 200px; width: 800px;"
cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/hoek_linksboven.gif" alt=""></td>
<td style="background-color: #ABEEFF;"></td>
<td><img src="images/hoek_rechtsboven.gif" alt=""></td>
</tr>

<tr>
<td style="background-color: #ABEEFF;"></td>
<td style="background-color: #ABEEFF; font-size:30px;">
PINKELTJE Onderzoek Groningen
</td>
<td style="background-color: #ABEEFF;"></td>
</tr>

<tr>
<td><img src="images/hoek_linksonder.gif" alt=""></td>
<td style="background-color: #ABEEFF;"></td>
<td><img src="images/hoek_rechtsonder.gif" alt=""></td>
</tr>
</table>


edit: dit is alleen de code van het titel balkje waar het verkeerd gaat
oke, deze optie had ik ook al bedacht, maar was nog wel weer wat werk om om te zetten.

Doe ik dat maar:(
In jouw geval hebben alle ronde hoeken dezelfde kleur, dus je kunt gewoon mijn broncode copy pasten.

Werkt in alle gangbare browsers!

Reageren