Frameset


  • Snip3r
  • 1162 Aufrufe 4 Antworten

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

  • Hallo,

    ich hab ein Problem, bzw. eine Frage zum HTML Frameset.

    Wenn ich in einer Seite drei Frames hab (sieht so aus):

    Quellcode

    1. <frameset rows="80,*" framespacing="5" frameborder="no">
    2. <frame name="Frame2" src="about:blank" marginheight="0" marginwidth="0" border="0">
    3. <frameset cols="115,*" frameborder="no" scrolling="no">
    4. <frame name="Frame1" src="Navigation.html" marginheight="0" marginwidth="0" border="0" scrolling="no" frameborder="no">
    5. <frame name="Frame3" src="???" marginheight="0" marginwidth="0" border="0">
    6. </frameset>
    7. </frameset>


    Was ich vorhab ist folgendes: Das Frame 2 (oben) soll immer gleich bleiben (Logo, Uhr oder sowas). Das Frame 1 soll die Navigationsleiste enthalten (Home, Links,...). Und das dritte Frame soll immer das anzeigen, was der User grad in Frame 1 angeklickt hat (Am Anfang immer Home).

    Wie schreib ich das denn jetzt?
    In Excel würd ich jetzt sagen, wenn Frame1=Home, dann zeig die Seite Home an, wenn was anderes angeklickt ist zeig des andere an. :confused:

    Ich würd das ganze auch gern mit CSS darstellen, aber das kann ich nicht.

    Versteht ihr was ich meine. Vlt. hat jemand sowas schon mal geschrieben und kann mir den Quelltext schicken. (?) ;)

    mfg
    Snip3r :P
    Rechteübersicht * Forenregeln * F.A.Q. * Lexikon
    Suchfunktion * Chat * User helfen User
    Patrioten reden nur davon, dass sie für ihr Land sterben, niemals davon, dass sie für ihr Land töten. (Bertrand Russell)
  • und das war's dann? :confused: ich hätte nicht gedacht, dass das so einfach geht :D :danke: to fu_mo! ;)

    Noch ne Frage, hat jemand ein gutes Navigationsmenü (mit CSS oder JS vlt.), eins bei dem das angeklickte dann eine andere Farbe annimmt.

    ich hab inzwischen ein Navigationsmenü:

    hier mal der code:

    Quellcode

    1. <div id="navcontainer">
    2. <ul id="navlist">
    3. <li id="active"><a href="Home.html" id="current">Home</a></li>
    4. <li><a href="#">Blablabla</a></li>
    5. <li><a href="#">Blablabla</a></li>
    6. <li><a href="#">Blablabla</a></li>
    7. <li><a href="#">Blablabla</a></li>
    8. </ul>
    9. </div>
    10. <style type="text/css">
    11. #navlist
    12. {
    13. color: white;
    14. background: #17a;
    15. border-bottom: 0.2em solid #17a;
    16. border-right: 0.2em solid #17a;
    17. padding: 0 1px;
    18. margin-left: 0;
    19. width: 12em;
    20. font: normal 0.8em Verdana, sans-serif;
    21. }
    22. #navlist li
    23. {
    24. list-style: none;
    25. margin: 0;
    26. font-size: 1em;
    27. }
    28. #navlist a
    29. {
    30. display: block;
    31. text-decoration: none;
    32. margin-bottom: 0.5em;
    33. margin-top: 0.5em;
    34. color: white;
    35. background: #39c;
    36. border-width: 1px;
    37. border-style: solid;
    38. border-color: #5bd #035 #068 #6cf;
    39. border-left: 1em solid #fc0;
    40. padding: 0.25em 0.5em 0.4em 0.75em;
    41. }
    42. #navlist a#current { border-color: #5bd #035 #068 #f30; }
    43. #navlist a
    44. {
    45. width: 99%;
    46. /* only necessary for Internet Explorer */
    47. }
    48. #navlist a
    49. {
    50. voice-family: "\"}\"";
    51. voice-family: inherit;
    52. width: 9.6em;
    53. /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
    54. }
    55. #navcontainer>#navlist a
    56. {
    57. width: auto;
    58. /* only necessary if you use the hacks above for the Internet Explorer */
    59. }
    60. #navlist a:hover, #navlist a#current:hover
    61. {
    62. background: #28b;
    63. border-color: #069 #6cf #5bd #fc0;
    64. padding: 0.4em 0.35em 0.25em 0.9em;
    65. }
    66. #navlist a:active, #navlist a#current:active
    67. {
    68. background: #17a;
    69. border-color: #069 #6cf #5bd white;
    70. padding: 0.4em 0.35em 0.25em 0.9em;
    71. }
    72. </style>
    Alles anzeigen
    (ich hoffe das ist von der größe her so in Ordnung, ansonsten pack ichs in ein eine HTML Klammer (da muss man dann halt scrollen ;)

    Frage: wie findet ihr das? Oder kennt jemand ein besseres?

    mfg

    Snip3r
    Rechteübersicht * Forenregeln * F.A.Q. * Lexikon
    Suchfunktion * Chat * User helfen User
    Patrioten reden nur davon, dass sie für ihr Land sterben, niemals davon, dass sie für ihr Land töten. (Bertrand Russell)