Ergebnis 1 bis 7 von 7
  1. #1
    Erfahrener Benutzer
    Registriert seit
    13.06.2008
    Beiträge
    216
    Renommee-Modifikator
    4

    Standard png als Sprite für Menüzustand

    Hallo ich arbeite in meinem Listen-Menü für Menüzustände mit einem png als Sprite.
    In diesem png befinden sich zwei farblich, unterschieliche Kreise, horizontal angeordnet.
    Bei einem ausgewählten Menüpunkt erscheint ein grüner Kreis welcher sich auf der x-Achse ganz links befindet. Der rote Kreis befindet sich auf der X-Achse ganz rechts.
    Dieses Sprite habe ich in meinem Listenmenü als Hintergrundgrafik deklariert.

    Mein Problem. Bei einem ausgewählten Menüpunkt wird das Sprite in der X-Achse nach rechts verschoben und der rote Kreis befindet sich unter dem Menüpunkt, ist also sichtbar.
    Den Sprite vertikal ausrichten(Y-Achse) kann ich leider auch nicht da ich mit Untermenüpunkten arbeite und nd auch hier beide Kreise sichtbar sind.

    Hat jemand eine Idee wie ich den Sprite anders anlegen kann dmit immer nur der eine Kreis sichtbar ist.
    Oder muss ich doch mit 2 verschiedenen Grafiken arbeiten?

  2. #2
    Moderator
    Registriert seit
    19.10.2006
    Ort
    Leipzig
    Beiträge
    9.229
    Renommee-Modifikator
    15

    Standard

    Ich kapiers nicht. Hast Du auch Quellcode dazu oder besser einen Link?

  3. #3
    Erfahrener Benutzer
    Registriert seit
    13.06.2008
    Beiträge
    216
    Renommee-Modifikator
    4

    Standard

    Einen Link kann ich Dir leider nicht schicken. Ich arbeite noch lokal. Aber ich habe mal nen Screenshot gemacht.

    Menüpunkt "lebenslauf" hier wird das Hintergund png(Sprite) auf der X-Achse so positioniert das der grüne (aktiv) Punkt nicht zu sehen ist.
    Bei einem ausgewählten Menüpunkt wie "portfolio" schiebe ich den Sprite auf der x Achse nach rechts, was zur Folge hat das der rot punkt unter dem Menüpunkt noch zu sehen ist.

    Bildschirmfoto 2012-02-05 um 13.08.37.png

  4. #4
    Moderator
    Registriert seit
    19.10.2006
    Ort
    Leipzig
    Beiträge
    9.229
    Renommee-Modifikator
    15

    Standard

    Und auf der Y-Achse kannst du es nicht machen? Sind die Hintergründe der einzelnen Menüpunkte transparent?

  5. #5
    HTML-Guru Avatar von Space Vampire
    Registriert seit
    19.05.2009
    Beiträge
    1.541
    Renommee-Modifikator
    4

    Standard

    Vielleicht habe ich ja ein Verständnisproblem, so ganz ohne Codeausschnitt, aber warum machst du das Sprite nicht einfach breit genug, damit der rote Punkt in allen Menüpunkten rechts aus dem darstellbaren Bereich rauswandert?
    "Don't waste your whole life trying to get back what was taken away..."
    The Offspring

  6. #6
    Erfahrener Benutzer
    Registriert seit
    13.06.2008
    Beiträge
    216
    Renommee-Modifikator
    4

    Standard

    Zitat Zitat von threadi Beitrag anzeigen
    Und auf der Y-Achse kannst du es nicht machen? Sind die Hintergründe der einzelnen Menüpunkte transparent?
    1.Auf der Y habe ich ja dann das selbe problem, auser ich vergrößere den Abstand (via padding) der einzelnen LI-Elemente was ich nicht möchte.
    2.Ja die Hintergünde der einelnen Menüpunkt sind transparent.

    Oder bin ich das falsch angegangen?
    Ich lade das Sprite in jeden Menüpunkt als Hintergund und positioniere es dementsprechend.
    Gibt es noch eine andere Möglichkeit das Sprite zu positionieren?

    Denke mal mit "Space Vampire" Tipp wird es gehen. Wollte nur die Grafik so klein wie möglich halten.
    Evtl. poste ich heute Abend noch mal etwas Code.....

  7. #7
    HTML-Guru Avatar von Space Vampire
    Registriert seit
    19.05.2009
    Beiträge
    1.541
    Renommee-Modifikator
    4

    Standard

    Zitat Zitat von burn4ever Beitrag anzeigen
    Denke mal mit "Space Vampire" Tipp wird es gehen. Wollte nur die Grafik so klein wie möglich halten.
    Evtl. poste ich heute Abend noch mal etwas Code.....
    Es ist kaum messbar relevant, wie groß die Grafik ist, wenn alles außer den beiden Punkten transparent ist
    "Don't waste your whole life trying to get back what was taken away..."
    The Offspring

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. CSS Sprite Hintergrund
    Von Skater im Forum CSS
    Antworten: 4
    Letzter Beitrag: 26.05.2011, 12:36

Berechtigungen

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