Seite 1 von 1

vpNavigation in FF3

Verfasst: Fr 20. Jun 2008, 09:38
von winston
moin

ich setze auf einer meiner Seiten die vpNavigation
funktioniert auch im IE und FF2 ohne probleme
nur bei FF3 wird beim Mouseover der Menühintergrund weiß und die schrift fast komplett transparent.

ich kann im css dazu allerdings nichts finden :(

Code: Alles auswählen

#vpnavigation, #vpnavigation ul { /* alle Listen */
	padding-left: 20px;
	margin-right: 0;
	list-style: none;
	line-height: 1;
        text-align: center;
        filter: alpha(opacity=85);
        -moz-opacity:0.95;
}

#vpnavigation a {
	display: block;
        padding-left: 0;
	width: 100px;
        color: black;
        font-size: 14px;
        font-weight:bold;
        text-align: left;


}

#vpnavigation li { /* alle Listenelemente */
	float: left;
	width: 10em;
        text-align: left;

}

#vpnavigation li ul { /* Listen 2. Ebene */
        font-size: 11px;
        font-weight:bold;
	position: absolute;
	background: #FFAA11;
	width: 13em;
        border: 1px solid grey;
        margin-left: 0px;
	left: -999em; /* durch "left" au�erhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}

#vpnavigation li ul li a {
         font-size: 12px;
        font-weight:bold;
        padding-top: 4px;
        padding-bottom: 4px;
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
	background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
	margin: -1em 0 0 13em;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
	left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Men�punkte liegen */
	left: auto;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
	font-style: none;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
	font-style: italic!important;
}
screenshot

Bild

Verfasst: Fr 20. Jun 2008, 09:39
von Dodger77
Also hier funktioniert es auch im FF3:

http://spielwiese.contenido-tutorials.de/vpnavigation/

Am besten einfach mal das CSS vergleichen.

Verfasst: Sa 23. Aug 2008, 15:15
von winston
hat übrigens geklappt, danke!