Back Button modifizieren funktioniert nicht

Hallo Gemeinde,

nun muss ich doch mal nen Post loslassen. Bisher bin ich immer ohne ausgekommen. Da ich mein Profil verschlampt habe, als ich mein System neu aufgesetzt habe, baue ich mein Default-Theme neu um. Meine ganzen alten Codes sind natürlich auch weg . Vom System her hat sich nichts geändert, ausser dass mir nun die original Codes vom FF 2.0.0.4 zugrunde liegen. Zuvor war es 1.5 die auch funktierten durch alle Updates hinweg bis 2.0.0.4.

Nun fang ich an, die Toolbar-Buttons an mein WindowBlinds-Theme anzupassen und mir kommt ein Problemchen auf:

Könnt ihr mir erklären, warum der Forward-Button funktioniert, aber beim Back-Button der erste ("#back-button") nicht? Die anderen drei gehen:

/* Back Button */ 
#back-button {
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(0px 24px 24px 0px) !important;
}
#back-button:not([disabled="true"]):hover,
#back-button[buttonover="true"] {
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(24px 24px 48px 0px) !important;
}
#back-button[disabled="true"] {
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(48px 24px 72px 0px) !important;
}
#back-button:not([disabled="true"]):hover:active {
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(72px 24px 96px 0px) !important;
}


/* forward button */


#forward-button {
  list-style-image: url("forward_button.png") !important;
  -moz-image-region: rect(0px 24px 24px 0px) !important;
}
#forward-button:not([disabled="true"]):hover,
#forward-button[buttonover="true"] {
  list-style-image: url("forward_button.png") !important;
  -moz-image-region: rect(24px 24px 48px 0px) !important;
}
#forward-button[disabled="true"] {
  list-style-image: url("forward_button.png") !important;
  -moz-image-region: rect(48px 24px 72px 0px) !important;
}
#forward-button:not([disabled="true"]):hover:active {
  list-style-image: url("forward_button.png") !important;
  -moz-image-region: rect(72px 24px 96px 0px) !important;
}

Danke und Gruss, Flam

Dachte mir, dass du als ewiger Löser meiner Probs antworten wirst (auch wenn du davon noch nie was wusstest ). Danke schon mal dafür. Den Zusatz hatte ich in einem anderen Thread auch schon mal gefunden und mit eingefügt. Da ging es um "die Buttons grösser machen". Werde es grad, weil du es sagst, nochmal einfügen, hatte ihn aber schon drin und da ging es nicht .... bin gleich wieder da......

#back-button {
  -moz-appearance: none !important;
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(0px 24px 24px 0px) !important;
}

--> [Blockierte Grafik: http://img256.imageshack.us/img256/4852/backbuttonmy7.jpg]

Da ich im Forum absolut nichts gefunden habe kanns ja eigentlich nur bei mir liegen. Mein Fuchs wurde nackt neu installiert. Kann irgend eine Erweiterung daran schuld sein vielleicht? Wäre dann aber auch als Post irgendwo gelandet ....

Danke und Gruss, Flam

Edit:

Hab grad meinen Code+Icons an jemanden im irc von mozilla #firefox schicken dürfen und bei ihm funktionieren alle. Er meinte, ich soll mal ein neues Profil anlegen. Werde ich dann mal machen. Wieder was neues zum lesen, da ich sowas noch nie gemacht habe. Man lernt nie aus .

Edit2:

Meine eigene Hilfestellung in der userchrome.css hat mir ein Bein gestellt:

/*** Toolbarbuttons ***/ normal-mouseover-aus-geklickt


/* Back Button */ 


#back-button {
  list-style-image: url("back_button.png") !important;
  -moz-image-region: rect(0px 24px 24px 0px) !important;

Hätte ich alles gepostet wäre der Fehler bestimmt gleich gefunden gewesen ...
Das "normal-mouseover-aus-geklickt" nimmt den ersten Button weg. In wie weit allerdings FF den Code für #button-back" mitnimmt und nicht weiter versteh ich nicht. Deswegen bin ich da nicht drauf gekommen. Aber ich bin auch kein Coder, sondern eher ein Abgucker. PC's halt, alles was nicht dazu gehört muss in eine Schachtel und wehe nicht *g* . Mein Fehler. Trotzdem was gelernt: 1. Aufpassen. 2. Profile erstellen.

Trotzdem danke. Hätte doch noch jungfräulig bleiben können *g* .

Wenn ich jetzt wissen wöllte, wie ich die Spacer zw den Wettericons von ForecastFox-enhanced in der Symbolleiste wegbekomme, müsste ich nen Post im ForecastFox[enhanced]-Thread loslassen, oder?

Nochn Gruss

Deswegen werde ich von nun an auch PSPad als Editor der UserChrome.css verwenden. Die Zeigt mir nämlich in Farbe an, was nun im Code ist und was nicht. Damit mir nicht nochmal so eine Lapalie passiert :cry: . So lange dabei und es passieren doch noch so kleine Fehler *g*. Wie gesagt, Abgucker und kein Coder.

[Blockierte Grafik: http://img292.imageshack.us/img292/933/image1if4.jpg]

Gruss Flam

Zitat

Nö, brauchst du nicht. Wühl die Threadseiten dort mal durch, da hab ich es schon reingeschrieben gehabt.

Nette Anekdoten hab ich gelesen über Karten, Mopeds und sonst noch lustige Sachen (keine Ironie!). Hast nen Stichwort, wonach ich suchen muss. Hab leider in den 27 Seiten nix gefunden. Über die SuFu find ich leider auch nix. Brauch nur das richtige Suchwort ... das einleuchtenste wäre "Forecastfox Spacer", aber das ergibt nada. Oder isses im normal ForecastFox-Thread?

Stylish werd ich mir mal bei Gelegenheit zu Gemüte führen. Klingt gut.

Gruss Flam

Herzlichen Dank. :oops: Auf "Seperatoren" bin ich nicht gekommen. Dann hätt ichs gleich gefunden. Manchmal sieht man den Wald vor lauter Bäumen nicht mehr.

Gruss und schönes WE, Flam