Ergebnis 1 bis 4 von 4

Thema: Button wird bei Mouseover nicht vollständig dargestellt

  1. #1
    HTML Newbie
    Registriert seit
    13.10.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Button wird bei Mouseover nicht vollständig dargestellt

    Hi,
    ich hab die letzten Tage ein DEsign an ein einfaches CMS angepasst und so weit klappt auch alles.
    Außer der Mouseover wird nicht richtig dargestellt (siehe Anhang).
    Das Problem ist, dass nur der Text als Link genommen wird, dh. ein Mouseovereffekt tritt auch nur ein, wenn ich über den Text fahre nicht jedoch über zb das rechte untere Eck des Buttons.

    Ich vermute, dass die Lösung in dem Bereich des Codes liegt, könnte mich aber auch irren, da der Code mit Sicherheit von Mängeln nur so wimmelt

    Code:
            .mainmenu {
                background-image:url('../grafiken/button.png');
                background-repeat:no-repeat;
                font-family:arial,verdana;
                height:36px;
    
            }
            .mainmenu a {
                margin-top:10px;
                font-size:15px;
                font-weight:bold;
                text-decoration:none;
                height:36px;
                width:166px;
            }
            ul.mainmenu {
                margin-top: -440px;
                margin-left:0px;
    
            }
            li.mainmenu {
                margin-top:10px;
                margin-left:0px;
            }
            a.menu {
                color:#ffffff;
                margin-left:56px;
                
            }
            a.menuactive {
                background-image:url('../grafiken/button_.png');
                background-repeat:no-repeat;
                margin-left:46px;
                color:#ffffff;
                min-height:36px;
                min-width:166px;
                padding:1px 54px 36px 10px;
                
        
            }
            .menu:hover {
                background-image:url('../grafiken/button_.png');
                background-repeat:no-repeat;
                margin-left:46px;
                color:#ffffff;
                min-height:36px;
                min-width:166px;
                padding:1px 54px 36px 10px;
                
            }
    Danke für die Hilfe
    LG
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.150
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Button wird bei Mouseover nicht vollständig dargestellt

    Hilfe für was? Man kann in den Screenshot alles mögliche hinein interpretieren. Wie es aussehen soll weißt nur du.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    13.10.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Button wird bei Mouseover nicht vollständig dargestellt

    Oh, natürlich
    Ja also das dunkelgraue ist der Zustand der vorhanden ist, wenn man nicht auf der aktuellen Seite ist und nicht mit der Maus darüber fährt.
    Das hellgraue zeigt, dass man sich auf dieser Seite befindet bzw eben der Mouseover effekt.
    Das ganze soll so aussehen, dass das hellgraue sich identisch über das dunkle legt, also auch in Form/ Details etc, nur eben in der Farbe verschieden. Die beiden Grafiken die ich erstellt habe, entsprechen auch diesen Kriterien, aber ich kann es mit css nicht umsetzten.

  4. #4
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.150
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Button wird bei Mouseover nicht vollständig dargestellt

    Wenn du nen mouseover mit css realisieren möchtest, Google hilft auch da weiter.
    z.B. http://www.1ngo.de/web/bildwechsel.html

Ähnliche Themen

  1. CSS wird in Firefox nicht dargestellt
    Von chantal im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 05.06.2011, 11:06
  2. Tabelle wird im Firefox nicht dargestellt (CSS)
    Von WinniPuh im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.09.2008, 13:14
  3. Website wird online nicht dargestellt
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 13.08.2007, 13:04
  4. Homepage wird im iE nicht richtig dargestellt
    Von Thommes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.03.2007, 00:35
  5. HIIILLLLFFFEEEE!!! HP wird nicht richtig dargestellt!
    Von Toschi. im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 29.02.2004, 17:37

Stichworte

Berechtigungen

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