Wie setze ich dieses Menü mittels CSS um?

  • 1) Menüpunkte: Dieso sollten eine Liste sein. Achte jedoch auf semantische Namen. "menu1" ist keine gute ID. Eher "menu_home" oder "menu_kontakt".

    HTML
    <ul id="menu">
      <li id="menu1"><a href="link1.htm">Link1</a></li>
      <li id="menu2"><a href="link2.htm">Link2</a></li>
      <li id="menu3"><a href="link3.htm">Link3</a></li>
      <li id="menu4"><a href="link4.htm">Link4</a></li>
      <li id="menu5"><a href="link5.htm">Link5</a></li>
    </ul>

    2) CSS-Formatierung - Liste: Per CSS gibst du zuerst die Form der Liste an:

    3) CSS-Formatierung - Farben: Per CSS kannst du nun auch auf die einzelnen Farben zugreifen:

    Code
    #menu1
    {
        background-color: #AB3030;
    }
    
    
    #menu2
    {
        background-color: #2056CD;
    }

    Something big is coming. And there will be pirates and ninjas and unicorns...

  • Nein, Dodo hat das richtig verstanden. Vielen Dank, das ging echt schnell. :)

  • Komischerweise kann ich die Breite und Höhe nicht genau definieren. width und height hat nicht funktioniert, nur padding konnte "helfen", was mir allerdings zu ungenau ist, da ja die Breite immer exakt gleich sein soll.

  • Dann gib noch folgende Angaben rein:

    Code
    #menu a
    {
        display:block;
        width:150px;
    }

    Sorry, hab nicht beachtet, dass Inline-Elemente keine Breiten- und Höhenangaben verwerten.

    Something big is coming. And there will be pirates and ninjas and unicorns...