knoppen in tabellen niet op gelijke hoogte

Redmage · 9 mei 2007

Oei ik stuit weer op een probleempje.

1.
Ik had voor een pagina drie grote tabellen gemaakt (met telkens een kleinere tabel ertussen om de andere op hun plaats / de plaats ertussen te houden.

De eerste twee tabellen met knoppen zijn nu gelukt maar nu wil de laatste maar niet lukken : ik wil dat de knoppen die ik via layoutcells heb gemaakt allemaal op dezelfde hoogte blijven. Voor de eerste twee was dat geen probleem maar de laatste (rechtse tabel) laat mij maar niet toe mijn eerste/bovenste knop op dezelfde hoogte te plaatsen.

Hoe komt dit ?

2.
tweede probleempje : ik had borders gekozen voor rond m'n tabellen maar nu maakt hij ook precies borders rond m'n cellen/knoppen. Hoe kan ik dit wegkrijgen want ik wil alleen de knoppen hebben zonder een rand van de cel te zien.

hier de code (sorry dat het wat lang is maar ik ben bang dat als ik iets minder opgeef het probleem misschien niet te vinden is)

HTML:

 <td height="850" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr> 
          <td width="75" height="66">&nbsp;</td>
          <td width="250">&nbsp;</td>
          <td width="60">&nbsp;</td>
          <td width="250">&nbsp;</td>
          <td width="60">&nbsp;</td>
          <td width="250">&nbsp;</td>
          <td width="75">&nbsp;</td>
        </tr>
        <tr> 
          <td height="750" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr> 
                <td width="75" height="750">&nbsp;</td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="2" cellpadding="10" cellspacing="0" style="border: groove 2px #ff0000">
              <!--DWLayoutTable-->
              <tr> 
                <td height="50" colspan="3" valign="top" bgcolor="#CB9276"><h3 align="center"><font color="#FFFFCC" face="Times New Roman, Times, serif"><em><strong>Brieven 
                    &amp; Verslagen</strong></em></font></h3></td>
              </tr>
              <tr> 
                <td width="18" height="16"></td>
                <td width="142"></td>
                <td width="20"></td>
              </tr>
              <tr> 
                <td height="41"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button huur','','button_modellen_b1_over.jpg',1)"><img src="button_modellen_b1.jpg" name="button huur" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="47"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button koop','','button_modellen_b7_over.jpg',1)"><img src="button_modellen_b7.jpg" name="button koop" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="50"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button vennootschap','','button_modellen_b3_over.jpg',1)"><img src="button_modellen_b3.jpg" name="button vennootschap" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="50"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button echtscheiding','','button_modellen_b2_over.jpg',1)"><img src="button_modellen_b2.jpg" name="button echtscheiding" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="53"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button rechtzaak','','button_modellen_b8_over.jpg',1)"><img src="button_modellen_b8.jpg" name="button rechtzaak" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="50"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button werk','','button_modellen_b4_over.jpg',1)"><img src="button_modellen_b4.jpg" name="button werk" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="49"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button erfenis','','button_modellen_b6_over.jpg',1)"><img src="button_modellen_b6.jpg" name="button erfenis" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="49"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button schenking','','button_modellen_b5_over.jpg',1)"><img src="button_modellen_b5.jpg" name="button schenking" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="41"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button samenwonen','','button_modellen_b9_over.jpg',1)"><img src="button_modellen_b9.jpg" name="button samenwonen" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button buren','','button_modellen_b10_over.jpg',1)"><img src="button_modellen_b10.jpg" name="button buren" width="142" height="33" border="0"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="130"></td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr> 
                <td width="60" height="750">&nbsp;</td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="2" cellpadding="10" cellspacing="0"style="border: groove 2px #ff0000">
              <!--DWLayoutTable-->
              <tr> 
                <td height="50" colspan="3" valign="top" bgcolor="#CB9276"><h3 align="center"><em><font color="#FFFFCC"><strong>Contracten 
                    &amp; clausules</strong></font></em></h3></td>
              </tr>
              <tr> 
                <td width="21" height="45"></td>
                <td width="142">&nbsp;</td>
                <td width="17"></td>
              </tr>
              <tr>
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button huur1','','button_modellen_b1_over.jpg',1)"><img src="button_modellen_b1.jpg" name="button huur1" width="142" height="33" border="0" id="button huur1"></a></td>
                <td></td>
              </tr>
              <tr>
                <td height="43"></td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button koop1','','button_modellen_b7_over.jpg',1)"><img src="button_modellen_b7.jpg" name="button koop1" width="142" height="33" border="0" id="button koop1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button vennootschap1','','button_modellen_b3_over.jpg',1)"><img src="button_modellen_b3.jpg" name="button vennootschap1" width="142" height="33" border="0" id="button vennootschap1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="15"></td>
                <td></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button echtscheiding1','','button_modellen_b2_over.jpg',1)"><img src="button_modellen_b2.jpg" name="button echtscheiding1" width="142" height="33" border="0" id="button echtscheiding1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button werk1','','button_modellen_b4_over.jpg',1)"><img src="button_modellen_b4.jpg" name="button werk1" width="142" height="33" border="0" id="button werk1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button erfenis1','','button_modellen_b6_over.jpg',1)"><img src="button_modellen_b6.jpg" name="button erfenis1" width="142" height="33" border="0" id="button erfenis1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button samenwonen1','','button_modellen_b9_over.jpg',1)"><img src="button_modellen_b9.jpg" name="button samenwonen1" width="142" height="33" border="0" id="button samenwonen1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="55"></td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button buren1','','button_modellen_b10_over.jpg',1)"><img src="button_modellen_b10.jpg" name="button buren1" width="142" height="33" border="0" id="button buren1"></a></td>
                <td></td>
              </tr>
              <tr> 
                <td height="153"></td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr> 
                <td width="60" height="750">&nbsp;</td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="2" cellpadding="10" cellspacing="0"style="border: groove 2px #ff0000">
              <!--DWLayoutTable-->
              <tr> 
                <td height="50" colspan="3" valign="top" bgcolor="#CB9276"><h3 align="center"><font color="#FFFFCC" face="Times New Roman, Times, serif">Procedurestukken</font></h3></td>
              </tr>
              <tr> 
                <td width="20" height="20">&nbsp;</td>
                <td width="142">&nbsp;</td>
                <td width="18">&nbsp;</td>
              </tr>
              <tr>
                <td height="55">&nbsp;</td>
                <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button huur11','','button_modellen_b1_over.jpg',1)"><img src="button_modellen_b1.jpg" name="button huur11" width="142" height="33" border="0" id="button huur1"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="682">&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table></td>
          <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr> 
                <td width="75" height="750">&nbsp;</td>
              </tr>
            </table></td>

peter vazed · 9 mei 2007

Dit is niet alle code.
Nu mis je een sluit</td> </tr> en </table>
Werk eens met borders, kun je zien wat je doet.
en zet comments in je code
</table>

Redmage · 11 mei 2007

sorry ik zit hiermee nog steeds vast

ik begrijp je antwoord niet goed. Heb natuurlijk niet de hele pagina in code bezorgd. Was dit dan nodig ?

Verder kijk ik de code van de tabellen na en zie toch op het einde de afsluiting </table>

Zie ik iets over het hoofd.

Ik had dit graag opgelost zodat m'n pagina klaar is.

peter vazed · 11 mei 2007

Maak een kopie.
Verwijder nu één voor één
<table>
<tr>
<td>
etc
</td>
</tr>
</table>

Dus iedere keer een complete tabel.
Wat je nu overhoud is dus fout, of onvolledig.

knoppen in tabellen niet op gelijke hoogte

Redmage

Gebruiker

peter vazed

Meubilair

Redmage

Gebruiker

peter vazed

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy