Lösungen zu den Javascript-Aufgaben von der Seite Highscore.de

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

  • Wie versprochen, dass Pull-Down-Menu nur mit Listen und CSS.
    Vergleicht bitte die obrige Lösung(Javascript und CSS) mit dieser und sagt mir, welches besser bzw. benutzerfreundlicher ist.
    Für ein Feedback wäre ich sehr dankbar :)

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    2. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:language="en">
    4. <head>
    5. <title>Pull-Down-Menu</title>
    6. <style type="text/css">
    7. * {
    8. margin: 0px;
    9. padding: 0;
    10. }
    11. #Menu {
    12. position:absolute;
    13. top: 10px;
    14. left: 10px;
    15. width: 100%;
    16. padding: 0 20px;
    17. background: #003366;
    18. float: left;
    19. }
    20. #Menu li {
    21. position: relativ;
    22. }
    23. #Menu ul {
    24. color: #000;
    25. background: #ff9224;
    26. border: 1px solid;
    27. width: 140px;
    28. float: left;
    29. list-style: none;
    30. text-align: center;
    31. }
    32. #Menu ul ul {
    33. position: absolute;
    34. z-index: 2;
    35. display: none;
    36. }
    37. #Menu a {
    38. text-decoration: none;
    39. text-align: center;
    40. border: 1px solid #ccc;
    41. color: #003366;
    42. background: #ff9224;
    43. display: block;
    44. }
    45. #Menu a:hover {
    46. color: #ff9224;
    47. background: #003366;
    48. }
    49. #Menu ul li:hover ul {
    50. display: block;
    51. }
    53. </style>
    54. </head>
    55. <body>
    56. <div id="Menu">
    57. <ul>
    58. <li>Startseite
    59. <ul>
    60. <li><a href="#">News</a></li>
    61. <li><a href="#">Downloads</a></li>
    62. <li><a href="#">Links</a></li>
    63. </ul>
    64. </li>
    65. </ul>
    66. <ul>
    67. <li>Herrenabteilung
    68. <ul>
    69. <li><a href="#">1.Abteilung</a></li>
    70. <li><a href="#">2.Abteilung</a></li>
    71. <li><a href="#">3.Abteilung</a></li>
    72. </ul>
    73. </li>
    74. </ul>
    75. </div>
    76. <div style="clear:both;"></div>
    77. </body>
    78. </html>
    Alles anzeigen


    Gruß Daniel

  • Moin Moin an alle. Wie Ihr sicherlich seht hab ich die letzten Tage keine Aufgaben mehr gepostet. Ehrlich gesagt finde ich auch nicht so wirklich Aufgaben die sich an meinen Wissenstandart anknüpfen.
    Villt kann mir ja jemand Aufgaben empfehlen die sich an meinen vorherigen, welche ich hier gepostet hab, anknüpfen. ;)

    Gruß Daniel