Brauche Hilfe bei Homepage

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

  • Brauche Hilfe bei Homepage

    hi,

    bin gerade dabei, eine seite für meine Schule zu erstellen, habe das layout in Photoshop gemacht und dann gesliced.
    die daraus entstehende index.html habe ich dann in dreamweaver eingefügt, was soweit auch alles geklappt hat.
    nur habe ich jetzt das problem, dass wenn ich z.b. rollovers einfügen möchte oder einen iframe, mein layout "zerissen wird" also es entsehen lücken zwischen den einzelnen bildern.

    ich hab hier mal einen screenshot angehängt!



    Könnt ihr mir vllt sagen, was ich falsch mache???

    danke schon mal

    mfg trimi

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von trimalchio ()

  • hier der komplette cs3 code

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <title>index</title>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    5. <style type="text/css">
    6. <!--
    7. body {
    8. background-color: #E8E8E8;
    9. }
    10. #platzhalter {
    11. position:absolute;
    12. left:286px;
    13. top:215px;
    14. width:597px;
    15. height:438px;
    16. z-index:1;
    17. }
    18. #cont1 {
    19. position:absolute;
    20. left:287px;
    21. top:216px;
    22. width:595px;
    23. height:435px;
    24. z-index:1;
    25. }
    26. #apDiv1 {
    27. position:absolute;
    28. left:287px;
    29. top:217px;
    30. width:155px;
    31. height:149px;
    32. z-index:1;
    33. }
    34. #apDiv2 {
    35. position:absolute;
    36. left:285px;
    37. top:214px;
    38. width:597px;
    39. height:437px;
    40. z-index:1;
    41. }
    42. -->
    43. </style>
    44. <script type="text/javascript">
    45. <!--
    46. function MM_swapImgRestore() { //v3.0
    47. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    48. }
    49. function MM_preloadImages() { //v3.0
    50. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    51. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    52. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    53. }
    54. function MM_findObj(n, d) { //v4.01
    55. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    56. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    57. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    58. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    59. if(!x && d.getElementById) x=d.getElementById(n); return x;
    60. }
    61. function MM_swapImage() { //v3.0
    62. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    63. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    64. }
    65. //-->
    66. </script>
    67. </head>
    68. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('ROLLOVERS/index_06_over.gif')">
    69. <!-- ImageReady Slices (index.psd) -->
    70. <div id="apDiv2"><iframe src="test_frame.html" name="iframe" width="596" height="439" frameborder="0"></iframe>
    71. </div>
    72. <table id="Tabelle_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
    73. <tr>
    74. <td colspan="5">
    75. <img src="Bilder/index_01.gif" width="1024" height="33" alt=""></td>
    76. </tr>
    77. <tr>
    78. <td rowspan="14">
    79. <img src="Bilder/index_02.gif" width="71" height="735" alt=""></td>
    80. <td colspan="3">
    81. <img src="Bilder/index_03.gif" width="888" height="145" alt=""></td>
    82. <td rowspan="14">
    83. <img src="Bilder/index_04.gif" width="65" height="735" alt=""></td>
    84. </tr>
    85. <tr>
    86. <td colspan="3">
    87. <img src="Bilder/index_05.gif" width="888" height="37" alt=""></td>
    88. </tr>
    89. <tr>
    90. <td> <a href="test2.html" target="iframe"><img src="Bilder/index_06.gif" alt="" width="215" height="49" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','ROLLOVERS/index_06_over.gif',1)"><img src="Bilder/index_06.gif" name="Image20" width="215" height="49" border="0"></a></td>
    91. <td rowspan="11">
    92. <img src="Bilder/index_07.gif" width="596" height="439" alt=""></td>
    93. <td rowspan="12">
    94. <img src="Bilder/index_08.gif" width="77" height="553" alt=""></td>
    95. </tr>
    96. <tr>
    97. <td>
    98. <img src="Bilder/index_09.gif" width="215" height="26" alt=""></td>
    99. </tr>
    100. <tr>
    101. <td> <img src="Bilder/index_10.gif" alt="" width="215" height="48" border="0"></td>
    102. </tr>
    103. <tr>
    104. <td>
    105. <img src="Bilder/index_11.gif" width="215" height="27" alt=""></td>
    106. </tr>
    107. <tr>
    108. <td>
    109. <img src="Bilder/index_12.gif" alt="" width="215" height="47" border="0"></td>
    110. </tr>
    111. <tr>
    112. <td>
    113. <img src="Bilder/index_13.gif" width="215" height="29" alt=""></td>
    114. </tr>
    115. <tr>
    116. <td>
    117. <img src="Bilder/index_14.gif" alt="" width="215" height="48" border="0"></td>
    118. </tr>
    119. <tr>
    120. <td>
    121. <img src="Bilder/index_15.gif" width="215" height="28" alt=""></td>
    122. </tr>
    123. <tr>
    124. <td>
    125. <img src="Bilder/index_16.gif" alt="" width="215" height="48" border="0"></td>
    126. </tr>
    127. <tr>
    128. <td>
    129. <img src="Bilder/index_17.gif" width="215" height="29" alt=""></td>
    130. </tr>
    131. <tr>
    132. <td>
    133. <img src="Bilder/index_18.gif" alt="" width="215" height="60" border="0"></td>
    134. </tr>
    135. <tr>
    136. <td colspan="2">
    137. <img src="Bilder/index_19.gif" width="811" height="114" alt=""></td>
    138. </tr>
    139. </table>
    140. <!-- End ImageReady Slices -->
    141. </body>
    142. </html>
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword () aus folgendem Grund: [code] hinzugefügt

  • trimalchio schrieb:

    Quellcode

    1. <td> <a href=" target="iframe"><img src="Bilder/index_06.gif" alt="" width="215" height="49" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','ROLLOVERS/index_06_over.gif',1)"><img src="Bilder/index_06.gif" name="Image20" width="215" height="49" border="0"></a></td>


    Da ist der Übeltäter ^^
    Das Bild index_06 ist doppelt vorhanden, ergo der Urasche des Verschiebens.

    Ersetze den Teil einfach mal mit

    Quellcode

    1. <td> <a href="test2.html" target="iframe" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','ROLLOVERS/index_06_over.gif',1)"><img src="Bilder/index_06.gif" name="Image20" width="215" height="49" border="0"></a></td>


    Gruß
    Broken Sword

    P.S.
    Moved to HTML