[TYPO3-german] Perfectlightbox

Nicole shizu__ at hotmail.com
Sat Jul 17 20:42:59 CEST 2010


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


More information about the TYPO3-german mailing list