menü in CSS

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

  • ich hab ein einfaches Menü in HTML geschrieben:

    PHP-Quellcode

    1. <html >
    2. <head>
    3. <title>Men&uuml;</title>
    4. <base target="anzeige">
    5. <style type="text/css">
    6. body {
    7. background-color: #FFFFFF;
    8. background-image:url(./bilder/Menuemouseover/hintergrund.gif);
    9. background-repeat:repeat-y;
    10. }
    11. ul.sidemenu {
    12. padding: 0;
    13. margin: 0;
    14. list-style: none;
    15. font-size: 0.8em;
    16. width: 115px;
    17. background-image:url(./bilder/Menuemouseover/leer.gif);
    18. font-weight:none;
    19. background-repeat:no-repeat;
    20. color:#FFFFFF;
    21. text-decoration:none;
    22. font-family:comic sans ms;
    23. }
    24. ul.sidemenu li {
    25. border-top: 1px solid #f3b01b;
    26. border-left: 1px solid #f3b01b;
    27. border-right: 1px solid #f3b01b;
    28. border-bottom: 1px solid #f3b01b;
    29. }
    30. ul.sidemenu li a {
    31. text-decoration: none;
    32. display: block;
    33. width: 115px;
    34. color: #333333;
    35. font-weight: bold;
    36. padding: 1px 10px;
    37. }
    38. ul.sidemenu li a:hover {
    39. background-image:url(./bilder/Menuemouseover/leer02.gif);
    40. font-weight:none;
    41. background-repeat:no-repeat;
    42. color:#000000;
    43. text-decoration:none;
    44. font-family:comic sans ms;
    45. font-size: 1.0em;
    46. }
    47. </style>
    48. </head>
    49. <body>
    50. <div width="136px" position="absolute" top="0" left="0">
    51. <img src="./bilder/logo.gif" alt="Logo" border="0" width="136px" height="112px" position="absolute" top="0" left="0">
    52. <div width="136px" position="absolute" top="112" left="0">
    53. <img src="./bilder/bodygw.gif" alt=" " border="0" width="136px" height="43px" position="absolute" top="112" left="0">
    54. </div>
    55. <div width="120px">
    56. <ul class="sidemenu">
    57. <li><a href="start.htm">&nbsp;Home</a></li>
    58. </ul>
    59. </div>
    60. <div width="120px">
    61. <ul class="sidemenu">
    62. <li><a href="fotos.htm">&nbsp;Fotos</a></li>
    63. </ul>
    64. </div>
    65. <div width="120px">
    66. <ul class="sidemenu">
    67. <li><a href="./Wechsel/index.html">&nbsp;&Uuml;ber Uns</a></li>
    68. </ul>
    69. </div>
    70. <div width="120px">
    71. <ul class="sidemenu">
    72. <li><a href="Kontakt.htm">&nbsp;Kontakt</a></li>
    73. </ul>
    74. </div>
    75. </body>
    76. </html>
    Alles anzeigen

    wenn ich das aber anzeigen lasse, werden die div-tags nicht, wie ich mit position:absolute versucht hab zu erzwingen, ganz am Rand angezeigt, sondern etwas in der Mitte
    welchen Fehler hab ich gemacht?
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Taxel ()

  • Hi,
    du hast kein Fehler drin, nur etwas vergessen :D
    Zwischen "html" und "body" gibt es standardmäßig einen kleinen Rand, den du mit

    Quellcode

    1. body {margin:0px}
    beseitigst.

    Ich hoffe das meintest du.

    Gruß
    Broken Sword

    P.S.
    Bei deiner Signatur fehlte ein Komma :P

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword ()