dreamweaver/tabelle

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

  • dreamweaver/tabelle

    hallo!

    habe mit dreamweaver eine vorlage erstellt, alles mit tabellen: ich versuch mal den aufbau zu erklären:

    zeile 1: eine spalte, da kommt der banner rein
    darunter:
    erste spalte: 8 zellen mit eingetragener zellenhöhe, in jede zelle kommt ein button (das ist mein navigationsmenü)
    zweite spalte: 1 zeile, dient als platzhalter
    dritte spalte: eine zeile, bearbeitbarer bereich

    hier mal als screenshot :)
    hosting.freesoft-board.to/file…f46157a939413b4d4fbee.gif

    problem: wenn ich aus der datei eine vorlage erstelle und dann in den bearbeitbaren bereich eine tabelle einfüge, dann verändert sich dann auch die höhe der "navigationsspaltezellen", was kann ich machen, bzw. was ist an meiner vorlage falsch?
  • hi,

    hast du bei der Tabelle feste Werte eingegeben?
    Oder hat du das in prozent angegeben...
    Denn wenn du eine Tabelle, die größer ist als der Spalt, dorthinein packst, dann vergrößert sich die Tabelle und es kommt zu Verschiebungen^^
    Kannst ja sonst ma den Code posten..

    MfG
    Timmy
  • hab manuell feste werte bei der navigationsspalte eingegeben (höhe 50)
    und ja, dass es sich verschiebt hab ich gemerkt. was muss ich denn machen damit es sich nimmer verschiebt?

    hier der code

    HTML-Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <!-- TemplateBeginEditable name="doctitle" -->
    5. <title>Unbenanntes Dokument</title>
    6. <!-- TemplateEndEditable -->
    7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    8. <!-- TemplateBeginEditable name="head" -->
    9. <!-- TemplateEndEditable -->
    10. <script language="JavaScript" type="text/JavaScript">
    11. <!--
    12. function MM_preloadImages() { //v3.0
    13. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    14. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    15. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    16. }
    17. function MM_swapImgRestore() { //v3.0
    18. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    19. }
    20. function MM_findObj(n, d) { //v4.01
    21. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    22. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    23. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    24. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    25. if(!x && d.getElementById) x=d.getElementById(n); return x;
    26. }
    27. function MM_swapImage() { //v3.0
    28. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    29. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    30. }
    31. //-->
    32. </script>
    33. </head>
    34. <body bgcolor="#DC3642" text="#000000" leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../Bilder/Buttons/aktuelles2.gif','../Bilder/Buttons/home2.gif','../Bilder/Buttons/mannschaft2.gif','../Bilder/Buttons/turniere2.gif','../Bilder/Buttons/fotos2.gif','../Bilder/Buttons/button2.gif','../Bilder/Buttons/friends2.gif','../Bilder/Buttons/kontakt2.gif','../Bilder/Buttons/aktuelles3.gif','../Bilder/Buttons/home3.gif','../Bilder/Buttons/mannschaft3.gif','../Bilder/Buttons/turniere3.gif','../Bilder/Buttons/fotos3.gif','../Bilder/Buttons/button3.gif','../Bilder/Buttons/friends3.gif','../Bilder/Buttons/kontakt3.gif')">
    35. <table width="1024" height="476" border="0">
    36. <tr>
    37. <td height="100" colspan="3"><img src="../Bilder/platzhalterbanner.gif" name="Image1" width="1024" height="100" id="Image1"></td>
    38. </tr>
    39. <tr>
    40. <td width="150" height="50">
    41. <div align="center"><a href="index.html" onClick="MM_swapImage('Aktuelles','','../Bilder/Buttons/aktuelles3.gif',1)" onMouseOver="MM_swapImage('Aktuelles','','../Bilder/Buttons/aktuelles2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/aktuelles1.gif" name="Aktuelles" width="120" height="30" border="0"></a></div></td>
    42. <td colspan="2" valign="top">&nbsp;</td>
    43. </tr>
    44. <tr>
    45. <td width="150" height="50">
    46. <div align="center"><a href="home.htm" onClick="MM_swapImage('Home','','../Bilder/Buttons/home3.gif',1)" onMouseOver="MM_swapImage('Home','','../Bilder/Buttons/home2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/home1.gif" name="Home" width="120" height="30" border="0"></a></div></td>
    47. <td width="33" rowspan="7" valign="top">&nbsp;</td>
    48. <td width="835" rowspan="7" valign="top"><!-- TemplateBeginEditable name="Main" --><!-- TemplateEndEditable --></td>
    49. </tr>
    50. <tr>
    51. <td width="150" height="50">
    52. <div align="center"><a href="mannschaft.htm" onClick="MM_swapImage('Mannschaft','','../Bilder/Buttons/mannschaft3.gif',1)" onMouseOver="MM_swapImage('Mannschaft','','../Bilder/Buttons/mannschaft2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/mannschaft1.gif" name="Mannschaft" width="120" height="30" border="0"></a></div></td>
    53. </tr>
    54. <tr>
    55. <td width="150" height="50">
    56. <div align="center"><a href="turniere.htm" onClick="MM_swapImage('Turniere','','../Bilder/Buttons/turniere3.gif',1)" onMouseOver="MM_swapImage('Turniere','','../Bilder/Buttons/turniere2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/turniere1.gif" name="Turniere" width="120" height="30" border="0"></a></div></td>
    57. </tr>
    58. <tr>
    59. <td width="150" height="50">
    60. <div align="center"><a href="fotos.htm" onClick="MM_swapImage('Fotos','','../Bilder/Buttons/fotos3.gif',1)" onMouseOver="MM_swapImage('Fotos','','../Bilder/Buttons/fotos2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/fotos1.gif" name="Fotos" width="120" height="30" border="0"></a></div></td>
    61. </tr>
    62. <tr>
    63. <td width="150" height="50">
    64. <div align="center"><a href="guestbook.htm" onClick="MM_swapImage('Guestbook','','../Bilder/Buttons/button3.gif',1)" onMouseOver="MM_swapImage('Guestbook','','../Bilder/Buttons/button2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/button1.gif" name="Guestbook" width="120" height="30" border="0"></a></div></td>
    65. </tr>
    66. <tr>
    67. <td width="150" height="50">
    68. <div align="center"><a href="friends.htm" onClick="MM_swapImage('Friends','','../Bilder/Buttons/friends3.gif',1)" onMouseOver="MM_swapImage('Friends','','../Bilder/Buttons/friends2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/friends1.gif" name="Friends" width="120" height="30" border="0"></a></div></td>
    69. </tr>
    70. <tr>
    71. <td width="150" height="50">
    72. <div align="center"><a href="mailto:[email protected]" onClick="MM_swapImage('Kontakt','','../Bilder/Buttons/kontakt3.gif',1)" onMouseOver="MM_swapImage('Kontakt','','../Bilder/Buttons/kontakt2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../Bilder/Buttons/kontakt1.gif" name="Kontakt" width="120" height="30" border="0"></a></div>
    73. <div align="center"></div></td>
    74. </tr>
    75. </table>
    76. </body>
    77. </html>
    Alles anzeigen
  • ja du kannst doch in einer Tabelle oder in einer Spalte oda Zeile die Höhe mit
    height="xx" angeben.
    Vielleicht bleibt dann alles so wie du es haben willst und es verändert sich nichts.

    MfG

    Timmy
  • hm sry mehr wüsste ich so nicht..
    habe auch ma mit dreamweaver angefangen..
    aber hatte auch das problem..das sich irgendwie nach dem speichern alles verschob.
    Deshalb bin ich auf GoLive umgestiegen.
    Vielleicht ist das auch eine Einstellung in Dreamweaver aba das
    kann ich nicht genau sagen.
    Hoffentlich weiß da noch jemand anders weiter.

    MfG
    Timmy
  • Moin,
    also ich versteh dein Problem nicht.
    Aus deiner Problembeschreibung werde ich mal gar nicht schlau.

    Aber soweit ich es verstanden hab, regt es dich auf, dass eine Tabellen-Zelle größer wird, wenn diese eine Tabelle beinhaltet.
    Versuch doch einfach mal in dem style-Tag der Zelle

    Quellcode

    1. height: 50px; overflow:hidden;

    einzugeben, vielleicht klappt es ja.

    Gruß
  • das hängt damit zusammen, dass du in eine bestehende Zelle eine weitere Tabelle einfügst....

    ich verstehe eh nicht, warum Du das mit einer Tabelle steuern willst :confused: ich nehme an, Dein Menü bleibt prinzipiell immer gleich und nur der Rechte Bereich des Fensters wird sich verändern oder?

    Warum arbeitest Du nicht mit Frames oder Schwebrahmen?

    ich denke es würde uns allen die Sache noch etwas erleichtern, wenn Du mal sagst, was Du überhaupt vor hast ;)

    greetz
    taurus
  • hmm.. naja also nehmen wir an du willst ein eine Zelle eine Tabelle einfügen:

    <html>
    <head>
    <title>Tabelle in Zelle </title>
    </head>

    <body>
    <table border="1" height="100%" width="80%">
    <tr>
    <td>1. Zelle</td>
    <td>2. Zelle</td>
    <td> Tabelle:


    <table border="1" height="100" width="100">
    hier gehts weiter


    </td>
    </tr>
    </table>
    </body>
    </html>

    ja und so ähnlich würd ichs halt damit auch versuchen....