Komm nich mit den frames klar!


  • Geelay
  • 1176 Aufrufe 3 Antworten

  • Komm nich mit den frames klar!

    hi leutz..
    ich habe ne seite mit hand geschrieben..weil ich mit dreamweaver nich klar komme...Mein problem ist hier.. dj-geelay.de.vu .. die startseite geht ja noch,..aber nach dem enter... habe ich so scheiss frames da.. ich möchte an der seite wo das menü ist auch ein frame.. aber da soll dann kein balken sein!..also nochmal auf deutsch.. ich möchte wenn ich auf z.B "about me" gehe das sich nur das kleine fenster da unten sich ändern und nich der banner und nich das menü...ich würde mich sehr freun wenn mir jemand das machen könnte !! DANKE!!!!

  • Hoi!
    Dein Banner ist ein bisschen zu breit.
    Oder du codest die G2.html wie folgt:

    HTML-Quellcode

    1. <html><head></head>
    2. <body bgcolor="#f020f0" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    3. <center>
    4. <img src="G2_data/banner.jpg"></center>
    5. </body></html>

    Damit du nun keinen Rahmen mehr zwischen den Frames hast gehst du in die index.html und nimmst folgenden Inhalt:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <title>DJ Geelay's Homepage</title>
    4. </head>
    6. <FRAMESET ROWS="*,2*" border="0">
    9. <center><FRAME SRC="http://home.arcor.de/geelay/G2.html">
    10. <FRAME SRC="http://home.arcor.de/geelay/G3.html">
    12. </FRAMESET>
    14. <NOFRAMES><style type="text/css">
    15. <!--
    17. #master {position:absolute; width: 200px; top: 10px; left: -120px; z-index:2; visibility:visible;}
    18. #menu {position:absolute; width: 18px; top: 0px; left: 120px; z-index:5; visibility:visible;}
    19. #top {position:absolute; width: 120px; top: 0px; left: 0px; z-index:5; visibility:visible;}
    20. #screen {position:absolute; width: 120px; top: 6px; left: 0px; z-index:5; visibility:visible;}
    21. #screenlinks {position:absolute; width: 120px; top: 6px; left: 0px; z-index:5; visibility:visible;}
    23. -->
    25. </style>
    26. <style type="text/css">
    27. <!--
    29. .NavJump {font-family: arial; font-size: 10pt; color: #FF00CC; text-decoration: none;}
    30. a:link.NavJump {color : #FF00CC;}
    31. a:visited.NavJump {color : #FF00CC;}
    32. a:active.NavJump {text-decoration: none; color: #9933FF;}
    33. a:hover.NavJump {text-decoration: none; color: #9933FF;}
    35. -->
    36. </style>
    37. <script language =" javascript">
    38. <!--
    40. var ie = document.all ? 1 : 0
    41. var ns = document.layers ? 1 : 0
    43. if(ie){
    44. document.write('<style type="text/css">')
    45. document.write("#screen {filter:Alpha(Opacity=30);}")
    46. document.write("</style>")
    47. }
    49. if(ns){
    50. document.write('<style type="text/css">')
    51. document.write("#master {clip:rect(0,150,250,0);}")
    52. document.write("</style>")
    53. }
    55. //-->
    56. </script>
    57. <script language =" javascript">
    58. <!--
    61. var ie = document.all ? 1 : 0
    62. var ns = document.layers ? 1 : 0
    65. var master = new Object("element")
    66. master.curLeft = -120; master.curTop = 10;
    67. master.gapLeft = 0; master.gapTop = 0;
    68. master.timer = null;
    70. function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
    71. clearTimeout(eval(layerName).timer)
    73. if(eval(layerName).curLeft != fromLeft){
    74. if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
    75. else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
    76. else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
    77. if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
    78. if(ns){document[layerName].left = eval(layerName).curLeft}
    79. }
    81. if(eval(layerName).curTop != fromTop){
    82. if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
    83. else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
    84. else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
    85. if(ie){document.all[layerName].style.top = eval(layerName).curTop}
    86. if(ns){document[layerName].top = eval(layerName).curTop}
    87. }
    90. eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
    91. }
    93. function setPace(layerName, fromLeft, fromTop, motionSpeed){
    94. eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
    95. eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
    97. moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
    98. }
    99. var expandState = 0
    101. function expand(){
    102. if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "menub.gif"}; expandState = 1;}
    103. else{setPace("master", -120, 10, 10); if(ie){document.menutop.src = "menu.gif"}; expandState = 0;}
    104. }
    106. //-->
    107. </script>
    108. <div id="master">
    110. <div id="menu">
    111. <table border="0" width="18" cellspacing="0" cellpadding="0">
    112. <tr><td width="100%"><a href="javascript:expand()" onfocus="this.blur()"><img name="menutop" border="0" src="menu.gif" width="18" height="70"></a></td></tr>
    113. </table>
    114. </div>
    116. <div id="top">
    117. <table border="0" width="120" cellspacing="0" cellpadding="0">
    118. <tr><td width="100%"><img border="0" src="top.gif" width="120" height="6"></td></tr>
    119. </table>
    120. </div>
    123. <div id="screen">
    124. <table border="0" width="120" cellspacing="0" cellpadding="5">
    125. <tr><td width="100%" bgcolor="#FF00CC">
    127. <table border="0" width="100%" bgcolor="#FF00CC" cellspacing="0" cellpadding="0">
    128. <tr><td width="100%">
    130. <table border="0" width="100%" cellspacing="1" cellpadding="5">
    131. <tr><td width="100%" bgcolor="#FFFFFF">
    134. <font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font>
    137. </td></tr>
    138. </table>
    140. </td></tr>
    141. </table>
    143. </td></tr>
    144. </table>
    145. </div>
    146. <div id="screenlinks">
    147. <table border="0" width="120" cellspacing="0" cellpadding="5">
    148. <tr><td width="100%">
    150. <table border="0" width="100%" bgcolor="#FF00CC" cellspacing="0" cellpadding="0">
    151. <tr><td width="100%">
    153. <table border="0" width="100%" cellspacing="1" cellpadding="5">
    154. <tr><td width="100%" bgcolor="#FFFFFF">
    156. <a href="http://home.arcor.de/geelay/G3.html" class="NavJump"><b>Home</b></a><br>
    157. <a href="http://home.arcor.de/geelay/G4.html" class="NavJump"><b>About Me</b></a><br>
    158. <a href="http://home.arcor.de/geelay/G5.html" class="NavJump"><b>Me & Friendz</b></a><br>
    159. <a href="http://home.arcor.de/geelay/G6.html" class="NavJump"><b>My Top 10</b></a><br>
    160. <a href="http://home.arcor.de/geelay/G7.html" class="NavJump"><b>My Big Love</b></a><br>
    161. <a href="http://home.arcor.de/geelay/G8.html" class="NavJump"><b>MP3's</b></a><br>
    163. </td></tr>
    164. </table>
    165. </td></tr>
    166. </table>
    167. </td></tr>
    168. </table>
    169. </div>
    170. </div>
    171. <script language =" javascript">
    172. <!--
    173. if(ie){var sidemenu = document.all.master;}
    174. if(ns){var sidemenu = document.master;}
    176. function FixY(){
    177. if(ie){sidemenu.style.top = document.body.scrollTop+10}
    178. if(ns){sidemenu.top = window.pageYOffset+10}
    179. }
    182. setInterval("FixY()",100);
    184. //-->
    185. </script></NOFRAMES>
    Alles anzeigen
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]