+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Bild bei Mouseover im Tigra Menü

  1. #1
    Gehört zum Inventar Avatar von blaulichttreff
    Registriert seit
    30.04.2007
    Ort
    Heidenrod
    Beiträge
    7.703
    Bedankte sich
    134
    Erhielt 2.557 Danksagungen
    in 2.421 Beiträgen

    Frage Bild bei Mouseover im Tigra Menü

    Hallo
    ich brauche mal eure Hilfe. Ich habe in der css des Tigramenüs eine Zeile eingefügt, die ein Bild auf dem Menüpunkt erzeugt, wenn man mit der Maus darüber fährt. Leider wird dann auch die definierte Hintergrundfarbe ignoriert. Nun bin ich kein css-Freak und die Suche im Internet brachte mich auch nicht weiter. Ich poste mal den Code:
    Code:
    .dm_t-0_over {
    	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	padding: 4px;
    	color: Black;
    	background-color: #f5f5f5;
    	background: url('clipfire16.jpg') no-repeat center right;
    	border : 1px solid White;
    	height: 16px;
    	cursor: pointer;
    }
    Wie muss ich das definieren, damit gleichzeitig die Hintergrundfarbe und das Bild angezeigt wird?
    Hier noch der Link zu der Seite: Klick

    Vielen Dank schon mal für eure Hilfe
    Geändert von blaulichttreff (28.11.2007 um 11:59 Uhr) Grund: Habs selbst lösen können
    Gruß Sascha
    Viele kennen Google, aber nur wenige scheinen es zu nutzen Problem gelöst? | Joomla FAQ
    FF Springen

  2. #2
    Gehört zum Inventar Avatar von blaulichttreff
    Registriert seit
    30.04.2007
    Ort
    Heidenrod
    Beiträge
    7.703
    Bedankte sich
    134
    Erhielt 2.557 Danksagungen
    in 2.421 Beiträgen

    Unglücklich ein klein wenig weiter

    ich bin einen schritt weiter, das bild und der hintergrund werden angezeigt, allerdings kann ich das bild nicht dazu bewegen, rechts zu erscheinen. was fehlt noch?
    Code:
    .dm_t-0_over {
    	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	padding: 4px;
    	color: Black;
    	background-color: #f5f5f5;
    	background-image: url(clipfire16.jpg);
    	background-repeat: no-repeat;
    	border : 1px solid White;
    	height: 16px;
    	cursor: pointer;
    }
    ich habe schon versucht, "right" hinter das bild zu schreiben, dann wird es nicht mehr angezeigt.

    EDIT:
    ich habe einfach noch background-position: right unter background-repeat eingefügt und schon gings.
    Geändert von blaulichttreff (28.11.2007 um 12:00 Uhr) Grund: selbst gelöst
    Gruß Sascha
    Viele kennen Google, aber nur wenige scheinen es zu nutzen Problem gelöst? | Joomla FAQ
    FF Springen

+ Antworten

Lesezeichen

Berechtigungen

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