Tabelle

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • habe ein problem in meiner tabelle.
    ich möchte das die bilder "brunnen" oben unter brunnen sind
    und
    unten für die tröge (bilder + text )... das gleiche aussehen wie oben
    alles in einer tabelle.... habe keinen plan und komme nicht mehr weiter,
    hier ein screenshot
    gruß es_tragon

    script.:
    <body background="Hint.-holz.bmp" style="background-attachment: fixed" link="#A05028" vlink="#A05028" alink="#A05028" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" onload="dynAnimation()" language="Javascript1.2">

    <table border="0" width="100%" id="table2" cellpadding="0" style="border-collapse: collapse" height="1200">
    <tr>
    <td valign="top">

    <div align="center">
    <table border="0" width="780" id="table3" style="border-collapse: collapse" height="401" bgcolor="#FFFFFF" cellpadding="0">
    <tr>
    <td width="767" align="left" colspan="3" height="110" style="border-style:none; border-width:medium; " background="http://www.freesoft-board.to/images/banner.jpg">

    &nbsp;</td>
    </tr>

    <tr>
    <td width="777" align="left" colspan="3" height="20" style="border-right-style: none; border-right-width: medium" bgcolor="#FFFFCC" valign="middle">
    <p align="right" style="margin-top: 0; margin-bottom: 0; margin-right:3px">
    <b><font face="Verdana" color="#5B0000">
    <a href="index.htm" style="text-decoration: none">
    <font color="#5B0000">Willkommen</font></a> |

    <a style="text-decoration: none" href="Div.htm">

    <font color="#5B0000">Diverses</font></a> |

    <a href="Bru.htm" style="text-decoration: none">
    <font color="#5B0000">Brunnen</font></a> |

    <a href="Ban.htm" style="text-decoration: none">
    <font color="#5B0000">Bank</font></a> |

    <a href="Lin.htm" style="text-decoration: none">
    <font color="#5B0000">Links</font></a> |

    <a href="Kon.htm" style="text-decoration: none">

    <font color="#990000">Kontakt</font></a></font></b></td>
    </tr>
    <tr>
    <td width="767" align="left" colspan="3" height="80" style="border-style:none; border-width:medium; ">
    <p style="margin-left: 3px">
    <b><font face="Verdana" color="#A05028">Brunnen</font></b></td>
    </tr>
    <tr>

    <td width="767" align="left" colspan="3" height="80" style="border-style:none; border-width:medium; ">
    <p style="margin-left: 3px">
    <b><font face="Verdana" color="#A05028">Tröge</font></b></td>
    </tr>
    <tr>

    <td valign="top" width="71" height="601" align="left" style="border-style:none; border-width:medium; " rowspan="5">
    &nbsp;<p style="margin-left: 3px">&nbsp;</td>
    <td valign="top" width="355" height="172" align="left" style="border-style:none; border-width:medium; ">

    <a onmouseover="var img=document['fpAnimswapImgFP3'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="javascript:void(0)">
    <img border="0" src="../Holzwurmbilder/Holztrog,Brunnen/Bru2.gif" width="320" height="240" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="../Holzwurmbilder/Holztrog,Brunnen/Bru3.gif"></a></td>
    <td valign="middle" width="363" height="172" align="left" style="border-style:none; border-width:medium; ">
    &nbsp;<ul type="disc" style="margin-bottom: 0cm">
    <li class="MsoNormal">
    <p style="margin-left: 3px">

    <font color="#A05028" size="2" face="Verdana">Hmmm.... </font></li>
    <li class="MsoNormal">

    <p style="margin-left: 3px">
    <font face="Verdana" size="2" color="#A05028">....</font></li>
    <li class="MsoNormal">
    <p style="margin-left: 3px">
    ....<font color="#A05028" size="2" face="Verdana">
    </font></li>
    <li class="MsoNormal">
    <p style="margin-left: 3px">

    <font color="#A05028" size="2" face="Verdana">… </font></li>
    </ul></td>
    </tr>
    <tr>

    <td valign="top" width="355" height="172" align="left" style="border-style:none; border-width:medium; ">
    &nbsp;<font face="Verdana" size="2" color="#A05028">Hmmm</font></p>
    <ul type="disc" style="margin-bottom: 0cm">

    <li class="MsoNormal">
    <p style="margin-left: 3px">
    <font face="Verdana" size="2" color="#A05028">.... </font></li>

    <li class="MsoNormal">
    <p style="margin-left: 3px">
    ....</li>
    <li class="MsoNormal">

    <p style="margin-left: 3px">
    ....<font color="#A05028" size="2" face="Verdana">
    </font></li>
    <li class="MsoNormal">
    <p style="margin-left: 3px">

    <font color="#A05028" size="2" face="Verdana">… </font></li>
    </ul></td>

    <td valign="middle" width="363" height="172" align="left" style="border-style:none; border-width:medium; ">
    <img border="0" src="../Holzwurmbilder/Holztrog,Brunnen/Bru.gif" width="330" height="220"></td>
    </tr>


    <tr>

    <td valign="top" width="709" height="393" align="left" style="border-style:none; border-width:medium; " colspan="2">
    <p class="MsoNormal" style="margin-left: 3px">&nbsp;</p>
    </td>
    </tr>

    </table>
    </div>

    <p>&nbsp;</td>
    </tr>
    </table>

    </body>
  • Ich hoffe mal, dass ich dein Anliegen richtig gedeutet habe (so richtig rauslesen konnte ich es ehrlich gesagt nicht).

    Versuch es mal damit, ist aber ungetestet:

    PHP-Quellcode

    1. <body background="Hint.-holz.bmp" style="background-attachment: fixed" link="#A05028" vlink="#A05028" alink="#A05028" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" onLoad="dynAnimation()" language="Javascript1.2">
    2. <table border="0" width="100%" id="table2" cellpadding="0" style="border-collapse: collapse" height="1200">
    3. <tr>
    4. <td valign="top">
    5. <div align="center">
    6. <table border="0" width="780" id="table3" style="border-collapse: collapse" height="401" bgcolor="#FFFFFF" cellpadding="0">
    7. <tr>
    8. <td width="767" align="left" colspan="3" height="110" style="border-style:none; border-width:medium; " background="http://www.freesoft-board.to/images/banner.jpg">&nbsp;
    9. </td>
    10. </tr>
    11. <tr>
    12. <td width="777" align="left" colspan="3" height="20" style="border-right-style: none; border-right-width: medium" bgcolor="#FFFFCC" valign="middle">
    13. <p align="right" style="margin-top: 0; margin-bottom: 0; margin-right:3px">
    14. <b><font face="Verdana" color="#5B0000">
    15. <a href="index.htm" style="text-decoration: none">
    16. <font color="#5B0000">Willkommen</font></a> |
    17. <a style="text-decoration: none" href="Div.htm">
    18. <font color="#5B0000">Diverses</font></a> |
    19. <a href="Bru.htm" style="text-decoration: none">
    20. <font color="#5B0000">Brunnen</font></a> |
    21. <a href="Ban.htm" style="text-decoration: none">
    22. <font color="#5B0000">Bank</font></a> |
    23. <a href="Lin.htm" style="text-decoration: none">
    24. <font color="#5B0000">Links</font></a> |
    25. <a href="Kon.htm" style="text-decoration: none">
    26. <font color="#990000">Kontakt</font></a></font></b></td>
    27. </tr>
    28. <tr>
    29. <td width="767" align="left" colspan="3" height="80" style="border-style:none; border-width:medium; ">
    30. <p style="margin-left: 3px">
    31. <b><font face="Verdana" color="#A05028">Brunnen</font></b></td>
    32. </tr>
    33. <tr>
    34. <tr>
    35. <td width="767" align="left" colspan="" height="80" style="border-style:none; border-width:medium; ">
    36. <p style="margin-left: 3px">
    37. <b><font face="Verdana" color="#A05028">&nbsp;</font></b></td>
    38. <td><a onMouseOver="var img=document['fpAnimswapImgFP3'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsr c:img.getAttribute?img.getAttribute('lowsrc'):img. src;" onMouseOut="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="javascript:void(0)">
    39. <img border="0" src="../Holzwurmbilder/Holztrog,Brunnen/Bru2.gif" width="320" height="240" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="../Holzwurmbilder/Holztrog,Brunnen/Bru3.gif"></a></td>
    40. <td>&nbsp;<ul type="disc" style="margin-bottom: 0cm">
    41. <li class="MsoNormal">
    42. <p style="margin-left: 3px">
    43. <font color="#A05028" size="2" face="Verdana">Hmmm.... </font></li>
    44. <li class="MsoNormal">
    45. <p style="margin-left: 3px">
    46. <font face="Verdana" size="2" color="#A05028">....</font></li>
    47. <li class="MsoNormal">
    48. <p style="margin-left: 3px">
    49. ....<font color="#A05028" size="2" face="Verdana">
    50. </font></li>
    51. <li class="MsoNormal">
    52. <p style="margin-left: 3px">
    53. <font color="#A05028" size="2" face="Verdana"></font></li>
    54. </ul></td>
    55. </tr>
    56. <tr>
    57. <td width="767" align="left" colspan="3" height="80" style="border-style:none; border-width:medium; ">
    58. <p style="margin-left: 3px">
    59. <b><font face="Verdana" color="#A05028">Tröge</font></b></td>
    60. </tr>
    61. <tr>
    62. <td valign="top" width="71" height="601" align="left" style="border-style:none; border-width:medium; " rowspan="5">
    63. &nbsp;<p style="margin-left: 3px"></td>
    64. </tr>
    65. <tr>
    66. <td valign="top" width="355" height="172" align="left" style="border-style:none; border-width:medium; ">
    67. &nbsp;<font face="Verdana" size="2" color="#A05028">Hmmm</font></p>
    68. <ul type="disc" style="margin-bottom: 0cm">
    69. <li class="MsoNormal">
    70. <p style="margin-left: 3px">
    71. <font face="Verdana" size="2" color="#A05028">.... </font></li>
    72. <li class="MsoNormal">
    73. <p style="margin-left: 3px">
    74. ....</li>
    75. <li class="MsoNormal">
    76. <p style="margin-left: 3px">
    77. ....<font color="#A05028" size="2" face="Verdana">
    78. </font></li>
    79. <li class="MsoNormal">
    80. <p style="margin-left: 3px">
    81. <font color="#A05028" size="2" face="Verdana"></font></li>
    82. </ul></td>
    83. <td valign="middle" width="363" height="172" align="left" style="border-style:none; border-width:medium; ">
    84. <img border="0" src="../Holzwurmbilder/Holztrog,Brunnen/Bru.gif" width="330" height="220"></td>
    85. </tr>
    86. </table>
    87. </div>
    88. <p></td>
    89. </tr>
    90. </table>
    91. </body>
    Alles anzeigen
  • @ mcm15
    es ist manchmal nicht ganz einfach seine gedanken in worte zu fassen.

    @ Bahlmann
    nicht schlecht, "mein problem verstanden".

    habe gestern ein mächtig großes brett vor dem kopf gehabt.
    ein neuer morgen vertreibt kummer und sorgen,
    lösung dank eurer hilfe gefunden.

    thx4help
    gruß es_tragon