Ergebnis 1 bis 6 von 6

Thema: Wie setze ich dieses Menü mittels CSS um?

  1. #1
    Jazzzes
    Gast

    Standard Wie setze ich dieses Menü mittels CSS um?

    Hallo,

    ich habe absolut keine Idee, wie ich folgendes Menü umsetzen könnte: http://img1.bildupload.com/38c1df60a...5025ab60bc.jpg
    Die Größe ist immer exakt gleich, die Farben sind aber immer anders. Hat jemand eine Idee? Wäre sehr dankbar für jede Hilfe.


    MfG

    Pascal
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: 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-Code:
    <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:
    Code:
    ul#menu
    {
        list-style-type: none;
    }
    
    ul#menu li
    {
        display:inline;
        width: 150px;
    }
    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...

  3. #3
    Interessierte/r
    Registriert seit
    26.04.2010
    Beiträge
    108
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie setze ich dieses Menü mittels CSS um?

    Meint er es nicht so, dass die Farben der Buttons bei jedem Aufruf zufällig sind? Mal ist der erste Button rot, mal blau... usw

  4. #4
    Unregistriert
    Gast

    Standard AW: Wie setze ich dieses Menü mittels CSS um?

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

  5. #5
    Unregistriert
    Gast

    Standard AW: Wie setze ich dieses Menü mittels CSS um?

    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.

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Wie setze ich dieses Menü mittels CSS um?

    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...

Ähnliche Themen

  1. Wie setze ich sowas um? (Link anbei)
    Von markusweiler im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 22.10.2007, 20:35
  2. Hilfe wie setze ich es zurück
    Von Obelix im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 20.10.2006, 23:06
  3. will werbung für ebay machen auf meiner seite nur setze ich
    Von ctimtom im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 09.09.2006, 23:37
  4. Wie findet ihr dieses Design?
    Von Trillian im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 1
    Letzter Beitrag: 20.09.2004, 20:35
  5. Wie setze ich Smilies in mein Gästebuch ein????
    Von Dj Kull im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 17.09.2003, 14:30

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •