Anzeige

Scrollleiste

Scrollleiste | PSD-Tutorials.de

Erstellt von myImmortal, 24.04.2005.

  1. myImmortal

    myImmortal Guest

    Scrollleiste
    Also ich möchte eine Scrollleiste einbringen die sich automatisch einschaltet wenn sich der Content verlängert.
    Wie macht man das?
    Danke im Voraus[/code]
     
    #1      
  2. Askalon

    Askalon Aktives Mitglied

    Dabei seit:
    20.12.2004
    Beiträge:
    312
    Ort:
    München
    Scrollleiste
    Hi
    Scrolleisten schalten sich immer standardmässig erst ein wenn sich der Content verlängert.

    gruss
     
    #2      
  3. myImmortal

    myImmortal Guest

    Scrollleiste
    wie meinste dass denn kannste mal nen Codebeispiel posten?
     
    #3      
  4. Askalon

    Askalon Aktives Mitglied

    Dabei seit:
    20.12.2004
    Beiträge:
    312
    Ort:
    München
    Scrollleiste
    wenn du keinen Code schreibst, schalten sich die Scrollleisten erst ein wenn der Content länger ist als der Bildschirm.
     
    #4      
  5. Uwe411

    Uwe411 Aktives Mitglied

    Dabei seit:
    01.04.2005
    Beiträge:
    882
    Geschlecht:
    männlich
    Ort:
    6° 22' 0" Nord , 50° 55' 60" Ost
    Scrollleiste
    Per CSS:
    overflow:auto;

    Damit wird die Scrollbar erst eingeblendet, wenn der Text größer wird, als der zur Verfügung stehende Platz.
     
    #5      
  6. K-Dawg

    K-Dawg ********

    1
    Dabei seit:
    01.11.2004
    Beiträge:
    1.793
    Scrollleiste
    DAs stimtm nicht ganz. Beim Firefox ist das so ja, bei Moziila auch. (Opera und co weis ich nicht aber Konquor von Linux ist das auch so) Internet Explorer ist das nicht so, der Scrollbar ist IMMER Vorhanden, auch wenn es nichts zu srcollen gibt. Der Balken ist da.
     
    #6      
  7. Uwe411

    Uwe411 Aktives Mitglied

    Dabei seit:
    01.04.2005
    Beiträge:
    882
    Geschlecht:
    männlich
    Ort:
    6° 22' 0" Nord , 50° 55' 60" Ost
    Scrollleiste
    Das kann man mit scrolling: no abschalten.

    Problem:
    Dann ist überhaupt kein scrollen mehr möglich. Daher würde ich auf solche Spielereien, denn was anderes ist das nicht, verzichten.

    Siehe dazu: http://de.selfhtml.org/html/frames/eigenschaften.htm
     
    #7      
  8. K-Dawg

    K-Dawg ********

    1
    Dabei seit:
    01.11.2004
    Beiträge:
    1.793
    Scrollleiste
    Setzen 6 ;) Wieder falsch weil dieser scrolling:no 1. kein CSS ist und CSS dies ehe nicht kann und 2. dies nur auf FRAMES/IFRAMES angewandt wird, nicht jedoch auf den Browser Main Fenster. Und hier geht es darum den Browser Main fenster die scrollbalken zu ünterdrücken, was technisch nicht möglich ist. Dies muss vom Browser herkommen und Firefox macht das so, IE jeddoch nicht und wenn MS es nicht für wichtig sieht, wird es IE auch nie können wie FF die leister wegzumachen, wenn keine Leiste notwendig ist.
     
    #8      
  9. myImmortal

    myImmortal Guest

    Scrollleiste
    So Juns hier ist der Quelltext könnt ihr mir nicht einfachmal darein schreiben wie das jetzt geht mit der Scrollleiste? Wäre nett!

    Code (Text):
    1. <html>
    2. <head>
    3. <title>Untitled-1</title>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    5.  
    6. </head>
    7. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    8.  
    9. <table id="Table_01" width="1000" height="1001" border="0" cellpadding="0" cellspacing="0">
    10. <tr>
    11. <td colspan="11">
    12. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    13. <tr>
    14. <td width="100%" background="images/index_01.jpg" height="260" alt=""></td>
    15. </tr>
    16. </table>
    17.  
    18. </tr>
    19. <tr>
    20. <td>
    21. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    22. <tr>
    23. <td width="100%" background="images/index_02.jpg" height="1" alt=""></td>
    24. </tr>
    25. </table>
    26.  
    27. <td colspan="7">
    28. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    29. <tr>
    30. <td width="100%" background="images/index_03.jpg" height="1" alt=""></td>
    31. </tr>
    32. </table>
    33.  
    34. <td colspan="2" rowspan="2">
    35. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    36. <tr>
    37. <td width="100%" background="images/index_04.jpg" height="112" alt=""></td>
    38. </tr>
    39. </table>
    40.  
    41. <td rowspan="4">
    42. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    43. <tr>
    44. <td width="100%" background="images/index_05.jpg" height="740" alt=""></td>
    45. </tr>
    46. </table>
    47.  
    48. </tr>
    49. <tr>
    50. <td rowspan="3">
    51. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    52. <tr>
    53. <td width="100%" background="images/index_06.jpg" height="739" alt=""></td>
    54. </tr>
    55. </table>
    56.  
    57. <td rowspan="3">
    58. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    59. <tr>
    60. <td width="100%" background="images/index_07.jpg" height="739" alt=""></td>
    61. </tr>
    62. </table>
    63.  
    64. <td>
    65.  
    66. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    67. <tr>
    68. <td width="100%" background="images/index_08.jpg" height="111" alt=""></td>
    69. </tr>
    70. </table>
    71.  
    72. <td>
    73. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    74. <tr>
    75. <td width="100%" background="images/index_09.jpg" height="111" alt=""></td>
    76. </tr>
    77. </table>
    78.  
    79. <td>
    80. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    81. <tr>
    82. <td width="100%" background="images/index_10.jpg" height="111" alt=""></td>
    83. </tr>
    84. </table>
    85.  
    86. <td>
    87. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    88. <tr>
    89. <td width="100%" background="images/index_11.jpg" height="111" alt=""></td>
    90. </tr>
    91. </table>
    92. <td colspan="2">
    93. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    94. <tr>
    95. <td width="100%" background="images/index_12.jpg" height="111" alt=""></td>
    96. </tr>
    97. </table>
    98.  
    99. </tr>
    100. <tr>
    101. <td colspan="5">
    102. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    103. <tr>
    104. <td width="100%" background="images/index_13.jpg" height="21" alt=""></td>
    105. </tr>
    106. </table>
    107.  
    108. <td colspan="2" rowspan="2">
    109. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    110. <tr>
    111. <td width="100%" background="images/index_14.jpg" height="628" alt=""></td>
    112. </tr>
    113. </table>
    114.  
    115. <td rowspan="2">
    116. <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    117. <tr>
    118. <td width="100%" background="images/index_15.jpg" height="628" alt=""></td>
    119. </tr>
    120. </table>
    121.  
    122. </tr>
    123. <tr>
    124. <td colspan="5">
    125. <table border="0" align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
    126. <tr>
    127. <td width="100%" background="images/index_16.jpg" height="607" alt=""></td>
    128. </tr>
    129. </table>
    130.  
    131. </tr>
    132. <tr>
    133. <td>
    134.  
    135. [img]images/spacer.gif[/img]</td>
    136. <td>
    137. [img]images/spacer.gif[/img]</td>
    138. <td>
    139. [img]images/spacer.gif[/img]</td>
    140. <td>
    141. [img]images/spacer.gif[/img]</td>
    142. <td>
    143. [img]images/spacer.gif[/img]</td>
    144. <td>
    145. [img]images/spacer.gif[/img]</td>
    146. <td>
    147. [img]images/spacer.gif[/img]</td>
    148. <td>
    149. [img]images/spacer.gif[/img]</td>
    150. <td>
    151. [img]images/spacer.gif[/img]</td>
    152. <td>
    153. [img]images/spacer.gif[/img]</td>
    154. <td>
    155. [img]images/spacer.gif[/img]</td>
    156. </tr>
    157. </table>
    158.  
    159. </body>
    160. </html>
    hier das Design: http://www.fifa4life.de/design.JPG
     
    #9      
  10. K-Dawg

    K-Dawg ********

    1
    Dabei seit:
    01.11.2004
    Beiträge:
    1.793
    Scrollleiste
    Du kannst keine Scrollleiste deaktivieren. IE zb hat immer den Scrollbalcken da, ob man scrollen kann oder nicht der ist immer da. Firefox blendet den Balken aus wenn es nicht szu scrollen gibt und blendet den wiede rein wenn es was zu srollen gibt. IE kann das nicht und das geht überhaupt nicht mit HTML, Javascript oder CSS (da CSS ehe nicht für sowas ist sondern nur Formatierung, reden wir nicht weiter drüber)
     
    #10      
  11. myImmortal

    myImmortal Guest

    Scrollleiste
    omg versteht mich hier keiner?
    Ich will dass wenn die News usw zu lang für den Content sind dass sich dann eine Scrollbar für das Content Image einschaltet dafür will ich nen Code haben!
     
    #11      
  12. K-Dawg

    K-Dawg ********

    1
    Dabei seit:
    01.11.2004
    Beiträge:
    1.793
    Scrollleiste
    wenn dich keiner versteht, liegt es vielleicht daran das du es falsch erklärst, aber falls du einen iframe meinst, kannst du den scroll balken ausmachen, der aber bleibt aus. du musst es an lassen damit im iframe ein scroll balken kommt. Kann sein das es weg bleibt wenn nicht gescrollt werden muss. wenn es immer noch nicht rtichtig ist, dann versuche mal genau erklären was du willst und ein Screenshot vopn deinem Design hilft da null.
     
    #12      
  13. Uwe411

    Uwe411 Aktives Mitglied

    Dabei seit:
    01.04.2005
    Beiträge:
    882
    Geschlecht:
    männlich
    Ort:
    6° 22' 0" Nord , 50° 55' 60" Ost
    Scrollleiste
    Deine Seite ist eine riesige Tabelle. Setz in die Zelle, wo die Contentbox ist einen <div>-Container. In diesen Tag schreibst Du overflow:auto.

    Zur Verdeutlichung:
    Code (Text):
    1. <table><tr><td>
    2. <div style="overflow:auto;"><img src:...></div>
    3. </td></tr></table>
    Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow
     
    #13      
  14. know

    know Nicht mehr ganz neu hier

    Dabei seit:
    17.02.2005
    Beiträge:
    144
    Geschlecht:
    männlich
    Scrollleiste
    wenn ich mich nicht falsch verstehe, du wolltest dass scroll automatisch einblenden. näturlich

    Code (Text):
    1. <body scroll="auto">

    sag bescheid wenn du so gemeint hast und...


    kkm
     
    #14      
x
×
×