Throbber-Problem bei :hover

Hallo,

ich habe ein kleines Problem mit meinem eigenen Throbber, dasi ch leider nicht alleine lösen konnte bis jetzt und hoffe, dass mir jemand weiterhelfen kann:

Ich habe einen eigenen Throbber inkl. Ziel-URL eingebunden. Funktioniert alles prima, was ich nicht hinbekommen habe: wenn ich mit der Maus auf den Throbber gehe um den Link aufzurufen, verschwindet der Throbber komplett.
Das Einbinden einer dritten Grafik mit der CSS-Eigenschaft hover bringt leider auch nichts.

(das gleiche Ergebnis erhalte ich auch im Standard-Theme).

Benutzter Code in userchrome.css:

Zitat

#navigator-throbber
{
list-style-image : url("throbber-passiv.gif") !important;
}

#navigator-throbber[busy="true"]
{
list-style-image : url("throbber-aktiv.gif") !important;
}

/* das Attribut funktioniert nicht (NICHT AKTIV) */

#navigator-throbber:hover
/* #throbber-box */
{
-moz-appearance: none !important;
list-style-image : url("throbber-test.gif") !important;
}

Anm: -moz-appearance war auch schon auskommentiert

Alles anzeigen

Was habe ich übersehen ?

Vielen Dank für einen kleinen Tipp.

Giovanni

Hallo,

habe es gerade versucht, leider keine Änderung.
Habe jetzt auch versucht, ein anders Bild für :hover zu benutzen.
Der Effekt ist zwar wie bisher, allerdings bleiben jetzt oben ca. 2px ein schwarzer Rahmen sichtbar, wenn ich den :hover-Effekt auslöse.
Die jetzt benutzte Grafik habe ich gesehen ist grösser (24x24Px anstelle 20x20px) als die oben genannten.
Somit denke ich, wird die entsprechende Formatierung zwar kurz angesprochen, aber dann durch etwas anderes überlagert.
(wie gesagt, im Default-Theme ausprobiert).

Hallo,

meine userchrome.css sieht so aus (ich habe sie aber auch schon gelöscht gehabt - ohne irgendeine Änderung):

Zitat

@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul"); /* set default namespace to XUL */

/* SUCHEN */
#search-button .toolbarbutton-text
{
/* margin-top: 4px !important; */
font-weight: bold !important;
padding-left: 4px !important;
}

/* ENHANCED HISTORY MANAGER */
#hcpm-button .toolbarbutton-text
{
margin-top: 4px !important;
font-weight: bold !important;
color: brown !important;
padding: 0px !important;
}

/* SESSION-MANAGER */
#btn_sessionmanager .toolbarbutton-text
{
margin-top: 4px !important;
font-weight: bold !important;
color: navy !important;
}

#btn_sessionmanager .toolbarbutton-menu-selector
{
margin-top: 0px !important;
margin-left: 0px !important;
margin-bottom: 8px !important;
padding: 0px !important;
}

#navigator-throbber
{
list-style-image : url("foxladie.gif") !important;
}

#navigator-throbber:active
/* #navigator-throbber[busy="true"] */
{
list-style-image : url("throbber-aktiv.gif") !important;
}

#navigator-throbber:hover
/* #throbber-box */
{
-moz-appearance: none !important;
list-style-image : url("throbber-normal.gif") !important;
}

menupopup, popup
{
max-height: 700px !important;
}

Alles anzeigen

Sonst habe ich nichts aktiv (in Stylish ist kein Code eingegeben), user.js ändert nur den Cursor für JS-Links, usercontent ist ebenfalls leer.

Throbber funktioniert ja auch (Ruhezustand=Bild 1, Seitenladen=Bild 2).
Gehe ich mit der Maus auf den Throbber (egal ob Bild1 oder Bild2 aktiv ist), dann verschwindet das Bild komplett, der hinterlegte Link funktioniert aber. Benutze ich für Bild3 (also den Zustand :hover) ein grösseres Bild, dann sehe ich, dass dieses Bild kurzzeitig mal geladen werden muss, aber das geht so schnell, dass man es nicht sieht. Danach ist dann die Hintergrundfläche vom Thema (default oder SphereGnome).

@pencil:
#navigator-throbber:active funktioniert nicht, liegt aber wahrscheinlich am Bezeichner (habe auch aktiv,busy,linked versucht). Bei modzilla.org habe ich über Throbber nur gefunden, dass es sich um ein Containerobjekt handelt, aber nichts spezifisches zu den Parametern für CSS.

Gruss
Giovanni

nichts, genau wie vorher.

Ich habe jetzt mal ein neues Profil erstellt und ein neues Theme installiert, dann den throbber-Code in die userchrome - und siehe da: genau das gleiche Verhalten wie im default und Arbeitsprofil.

Könnte es sein, dass in Firefox irgendwo in der browser.jar vielleicht Throbber-Bilder drinnen sind bzw. Codeanweisungen die diese dann benutzen ?
Vielleicht liegt es ja nur daran, dass in meinem Firefox aus irgendwelchen Gründen die CSS-Codes die Default-Settings nicht ausser Kraft setzen ?

Hi loshombre,

ich habe diesen Code verwendet

Zitat

#navigator-throbber
{list-style-image : url("throbber-passiv.gif") !important;}
#navigator-throbber[busy="true"]{list-style-image : url("throbber-aktiv.gif") important;}

pencil gab mir dann den Tipp, dass ich die CSS-Syntax ändern solle auf

Zitat

#navigator-throbber:active{...}
***funktioniert leider nicht, aber das liegt sicher an :active, muss ein anderes "Zauberwort" sein ***

Mein Throbber funktioniert ja, sowohl im Ruhezustand als auch beim Seitenladen (busy=true).
Nur eben wenn ich mit der Maus auf den Throbber komme [Event: :hover] verschwinden die Bildchen und ich habe die Grundfläche des jeweilig benutzten Theme, also keine Grafik.

Binde ich dagegen für den :hover Zustand eine grössere Grafik ein, als die anderen Throbber-Bilder haben, dann sehe ich, dass beim Mauskontakt die alternative Grafik geladen werden muss, sprich: der :hover Status wird ausgewertet. Aber das passiert so schnell, das man es nicht sehen kann, lediglich durch die grössere Grafik bleiben ausserhalb der Throbber-Area 2px von der zu grossen Grafik übrig.

Mein Verdacht ist, dass mein chrome-Code die Default-Einstellungen nicht ausser Kraft setzt, denn irgendwas muss ja passieren, dass auf einmal das Default-Verhalten wieder einsetzt.

Im Standard-Throbber ist es ja auch so, dass 3 verschiedene Icons benutzt werden: Ruhezustand, Seite laden und Mauskontakt.

Mir ist dazu nur eingefallen, dass evtl. des Rätsels Lösung irgendwo in er browser.jar liegen muss, allerdings wenn man nicht weiss, wo man suchen soll, ist es auch recht schwierig.

Hallo,

vielen Dank - der goldene Hinweis, im wahrsten Sinne des Wortes:

Zitat

#navigator-throbber
{
list-style-image : url("throbber-passiv.gif") !important;
}

#navigator-throbber[busy="true"]
{
list-style-image : url("throbber-aktiv.gif") !important;
}

#navigator-throbber:hover
{
-moz-appearance: none !important;
list-style-image : url("throbber-hover.gif") !important;
opacity: 100;
}

Alles anzeigen

Jetzt funktioniert es einwandfrei - vielen Dank für die Hilfe.
Kannst Du mir noch sagen, in welcher Datei die Definitionen für den Throbber stehen (browser.jar) ?

Nice weekend

Giovanni

Hi,
habe die schöne Foxyladie als normales Bild, eine animierte "1" als Ladebild, und den Standard-Throbber für den problembehafteten :hover-Throbber genommen.
Da ich grafisch eine absolute Null bin, hat mich die animierte 1 einigermassen hinzubekommen schon ein paar Stunden gekostet.

Die Grundidee war:
wenn ich immer mal eine neue Extension/Theme ausprobiert habe, habe ich immer vergessen, in mein "Testprofil" umzuschalten, weil ich auch nie genau wusste, bin ich jetzt schon drinnen oder nicht. Und dann - wenn die Extension irgendwie Mist gebaut hat - war das Gejammere gross.
Da habe ich mir gedacht: ich schreibe als Throbber einfach ein eindeutiges Kennzeichen hin und weiss fortan sofort, in welchem Profil ich mich befinde.
Dachte ja auch nicht, dass das so grosse Probleme bereiten wird.

Die "1" ist wirklich nicht besonders toll, aber als grafische Null war das schon eine grosse Herausforderung

Da schauen Deine Buttons/Icons für Themes schon um "Welten" besser aus.

die Idee ist auch nicht schlecht. Wäre auch ne gute Möglichkeit, eine optische Trennung herbeizuführen.
Naja, und wenn man es kann, das ganze auch noch mit schönen Bildchen ein wenig aufzupeppen, ist das sicher eine tolle Sache.

Jedenfalls habe ich seit der Kennzeichnung keine Probleme mehr mit installierten Erweiterungen, MODs etc. im falschen Profil. Da bin ich schon mal ganz glücklich