element.style ändern

element.style {
max-width:9999px;
position:absolute;
[COLOR=Red]top:5px;[/COLOR]

setzt einen Wert der beim Anzeigen von Bildern einen unschönen Rahmen
produziert. Wie kann ich den Wert top:5px entfernen?

Link zum blog

Viele Grüße
Christian

Firebug zeigt mir an, dass der Wert in element.style definiert ist.
Daher weiss ich leider nicht wie ich ihn löschen kann. Element.style bedeutet meiner Meinung nach, dass der Wert in einer html Datei steht oder per js generiert wird. Leider finde ich diese Einstellung nirgends.

Negativ, dieser Wert ist in keiner der css-Dateien gesetzt, sonst würde Firebug die entsprechende Datei anzeigen. Auch habe ich alle css Dateien zur Sicherheit geprüft. Dieser Wert ist meiner Meinung nach hard gecoded nur weiss ich leidern nicht wo.

Ich habe alle relevanten css-Dateien mal nach boderless gescannt jedoch nichts gefunden. Meine Recherche hat inzwischen auch ergeben das der Wert top 5px von js generiert wird. Leider habe ich keine Ahnung wie und wo ich das abstellen kann.

Was ich komisch finde ist, dass nur bei den Bildern der Galerie unten dieser Wert 5px ist, und den schwarzen Balken am oberen Rand der Bilder verursacht. Bei den Bildern in der Sidebar wir 0px gesetzt und das Problem tritt nicht auf.

Wenn, dann kann es eigentlich nur Nextgen Gallery oder highslide.js sein. Aber auch da habe ich schonmal nach dem rechten geschaut. Das Problem ist eigentlich erst aufgetreten nachdem ich auf highslide plugins verzichtet und highslide direkt eingebunden habe um mehr Einstellmöglichkeiten zu haben.

Link zum blog

So, den Schreibfehler habe ich gefunden und behoben. Leider hat sich das Problem dadurch nicht lösen lassen. Wenn ich in Firebug den Wert Top auf 0 setzte ist alles so wie ich es haben will. Leider weiss ich nicht wo dieser Wert gesetzt wird.

Hier nochmal der Code der highslide.config.js

hs.graphicsDir = 'http://teamsaturo.de/wordpress/wp-content/plugins/highslide/graphics/';
   hs.align = 'center';
   hs.transitions = ['expand', 'crossfade'];
   hs.wrapperClassName = 'dark borderless floating-caption';
   hs.fadeInOut = true;
   hs.dimmingOpacity = .75;
  
   [COLOR=Red]hs.headingEval = 'this.a.title';[/COLOR]
   hs.captionEval = 'this.thumb.alt';   


// Add the controlbar
   if (hs.addSlideshow) hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
   opacity: .6,
   position: 'bottom center',
   hideOnMouseOut: true
   }
   });

Wenn ich die rote Zeile rausnehme und den Titel nicht anzeigen lasse, tritt der Fehler nicht auf. Kann es vielleicht daran liegen, dass ein leerer Titel diesen kleinen schwarzen Balken bewirkt? Und wenn ja warum dann nur in der Galerie und nicht bei den Bildern in der Sidebar rechts oben?

Fragen über Fragen.

Tatsächlich, im IE tritt der Fehler nicht auf. Ist der Code in meiner highslide.config.js den okay? Die Zeilen zum Anzeigen von Titel und Beschreibung habe ich selbst eingefügt und ich kein ein absoluter Laie was solche Sachen angeht.

Das könnte tatsächlich die Lösung sein.
Aber jetzt wird es schwierig. Die Bilder sind ja die selben und werden von Nextgen Gallery verwaltet und ausgegeben. Die Bilder in der Sidebar werden per Widget angezeigt.

Ich weiss jetzt leider nicht so genau was ich tun soll. Würde das nicht bedeuten dass der Fehler in Nextgen Gallery liegt?

Zitat von telekommander

Würde ich mal spontan zustimmen, wenn Nextgen das [FONT=Courier New]title[/FONT] -Attribut nutzt bzw. damit arbeitet.

Arbeitet sonst noch jemand mit Nextgen Gallery und kann vielleicht den auftretenden Fehler nachvollziehen bzw. zu einer Lösung betragen. Ich bin mit meinem Latein echt am Ende.

Nachdem nun alles probieren zu keinem Ergebnis geführt hat und ich so langsam glaube dass der Fehler in NGG liegt, habe ich beschlossen erst einmal alles so zu lassen wie es jetzt ist. Vielleicht ergibt sich ja noch ein Lösungsansatz.