.css in Zusammenhang mit Bildergalerie

.css in Zusammenhang mit Bildergalerie

Beitragvon bphil90 » 03.04.2010, 17:30

Hallo!

Ich verwalte eine Homepage von einem semiprofessionellen Sinfonieorchester und meine Aufgabe ist es, ein paar Bilder dort einzufügen. Mir wurde von jemandem die sogenannte "Lightbox" empfohlen, das ist ja so eine Mischung aus Javascript und Css.

Ich bin nun soweit, dass die Vorschaubilder (habe erstmal 3 Stück zum Test genommen) korrekt angezeigt werden und sich auch öffnen, wenn man sie anklickt, aber dann werden die Next und Previous-Buttons und der Close-Button fehlerhaft dargestellt, das muss irgendwie mit der Link-Klassifizierung zusammenhängen, da bereits vorher mal in einem Css-Stylesheet das Design für die Menüführung festgelegt wurde. Ich musste also den für die Lightbox erforderlichen Css-Teil in das bestehende Stylesheet einfügen.

In diesem Fall gelten ja quasi zwei .css-Teile für eine .html-Seite, einmal die .css-Regeln für das Menü auf der linken Seite und einmal die .css-Regeln für die Lightbox-Bildergalerie. Wie kann ich es einstellen, dass sämtliche Link-Klassifizierungen im Bereich der Lightbox ausgeschaltet werden?

Vielleicht schaut ihr euch die Sache einmal an, hier ist ein Direktlink: http://www.salamo.info/orchester/fotos.html

Viele Grüße,
bphil90
bphil90
neu hier
 
Beiträge: 2
Registriert: 03.04.2010, 17:26

Re: .css in Zusammenhang mit Bildergalerie

Beitragvon bphil90 » 04.04.2010, 17:55

Hallo!

Zur Übersichtlichkeit und zur besseren Darstellung meiner Vorgehensweise habe ich mich nun einmal strikt an folgende Anleitung zum Einfügen der Lightbox gehalten:

http://www.huddletogether.com/projects/lightbox2/

Hier ist nun nochmal die aktuelle Version zu finden, dort ist die Lightbox nach dieser Anleitung eingefügt:

http://www.salamo.info/orchester/fotos.html

Hier noch einmal meine Vorgehensweise in Kürze:

-Kopieren der Lightbox-Ordner in das Homepageverzeichnis
-Anpassen der Grafikpfade für die Next- und Previous-Buttons in “css/lightbox.css“
-Kopieren der Javascript-Zeilen in den Header der betroffenen Seite (hier “fotos.html“)
-Kopieren der Css-Anweisung in den Header von “fotos.html“
-Kopieren und Anpassen der Bilddateipfade im Body von “fotos.html“

Das Ergebnis könnt ihr ja nun beurteilen, es funktioniert immer noch nicht.

Vielleicht könnt ihr mir so besser helfen.

Liebe Grüße.
bphil90
neu hier
 
Beiträge: 2
Registriert: 03.04.2010, 17:26


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu ".css in Zusammenhang mit Bildergalerie"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

cron