Hallo!
Vielleicht ist das ja eine technische Neuerung, aber meines Wissens nach
ist es unmöglich mit CSS ein Leerzeichen einzufügen.
Und die CSS-Formatierung unterliegt einer Hierarchie (hier eine Auswahl):
1. style-Attribut im HTML-Tag
<div style="margin-top:10px;" class="lightbox" id="wrap">
2. CSS-Formatierung über ID + Tag + important + übergeordnete Elemente
#website div#wrap { margin-top:10px !important; }
3. CSS-Formatierung über ID + Tag + important
div#wrap { margin-top:10px !important; }
4. CSS-Formatierung über ID + Tag
div#wrap { margin-top:10px; }
5. CSS-Formatierung über ID
#wrap { margin-top:10px; }
6. CSS-Formatierung über Klasse + Tag + important
div.lightbox { margin-top:10px !important; }
7. CSS-Formatierung über Klasse + Tag
div.lightbox { margin-top:10px; }
8. CSS-Formatierung über Klasse
.lightbox { margin-top:10px; }
9. CSS-Formatierung des Tags
div { margin-top:10px; }
Anhand dieser Hierarchie kann man sehen, dass ich das durch JavaScript
kreiert margin-top nicht überschreiben kann. Der einzige Weg ist es, das
JavaScript zu ändern.
Zwar hatte ich im lightbox.2.0.4.js die Variabel lightboxTop schon aus
dem setStyle entfernt, aber es zeigt keine Wirkung...
start: function(imageLink) {
[...]
// calculate top and left offset for the lightbox
var arrayPageScroll = document.viewport.getScrollOffsets();
var lightboxTop = arrayPageScroll[1] +
(document.viewport.getHeight() / 10);
var lightboxLeft = arrayPageScroll[0];
this.lbLightbox.setStyle({ left: lightboxLeft + 'px' }).show();
this.changeImage(imageNum);
},
Jemand eine Idee?
Grüße
Nicole
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
