2012-03-26 10 views
0

Ich sehe, dass Sie die Polsterung oder Rand für den Inhalt einer Fancybox anpassen können. Aber für einen speziellen Fall muss ich die Auffüllung links und rechts des Inhalts separat anpassen.fancybox Inhalt margin-left

z. padding-left: 50px; padding-right: 10px

Ich habe versucht, die CSS zu bearbeiten oder eine benutzerdefinierte CSS-Klasse mit der Eigenschaft wrapcss hinzufügen, aber das Problem ist, dass fancybox scheint seine Darstellung zu berechnen ignoriert alle CSS-Voreinstellungen. Also, wenn ich Rand-Links für die .fancybox-Bild-Klasse festlegen, dann ist die Fancybox nicht bewusst, dass es 50 Pixel breiter sein sollte.

muss ich die js bearbeiten oder gibt es eine andere elegante Weise?

viele Danke für Ihre Hilfe, Grüßen, florian

Antwort

0

EDIT * * **

$(".mydiv").fancybox({ 
     wrapCSS  : 'fwrap' 
    }); 

css:

.fwrap{ 
    padding-left:200px; 
    margin-right:-100px; 
} 

Diese 200px Polsterung einwirken lassen das rechte der fancybox und zieht es dann zurück ins cen tre, du würdest auch Rand, Hintergrund, etc. anwenden, um zu sortieren, wie Sie wünschen

+0

Hallo webweaver! Danke! Im Grunde funktioniert es mit der Wrapper-Klasse, aber ich benutze die Fancybox, um ein Bild anzuzeigen. Das Bild sollte einen Rand zum Rand der Phantasie haben. Ich möchte nicht die ganze Fancybox bewegen. Wenn ich ein css auf die fancybox-image Klasse anwende (wie padding-left: 200px;) dann wird das Bild einfach aus dem Leuchtkasten entfernt ... ich werde in Zukunft Antworten annehmen :) – spierala

+0

Ich habe meine Antwort aktualisiert Mach was du suchst. – WebweaverD