Integration Lightbox CSS in bestehende Webseite

[vaiblack]

Hallo zusammen,

ich kann mir vorstellen, dass dieses Thema schon einige Male besprochen wurde, jedoch habe ich bisher keine passende Antwort auf meine Frage in diesem Forum gefunden.

Folgende Situation: Da ich wenige Kenntnisse in der Erstellung von Webseiten habe, habe ich mir eine Vorlage geholt, welche bereits mit den Dateien "format.css" und "menue.css" arbeitet, um die Webseite in einem bestimmten Design darzustellen. Nun möchte ich als Galerie-Viewer Lightbox einbinden, welche wiederum eine lightbox.css beinhaltet (Version 2.05). Ich habe in meiner html-Datei somit drei Verweise auf css-Dateien, was nicht funktioniert.

Meine Frage: Wie kann ich die drei css-Dateien sinnvoll ineinander integrieren, damit alle Vorgaben daraus greifen? Die Dateien liegen in den richtigen Ordnern und ich habe auch schon alle Kopiervarianten genutzt (z. B. alle css in eine Datei), jedoch funktioniert Lightbox nicht. Wenn ich auf einen Thumb klicke, öffnet sich der gleiche Tab mit der Großvariante des Bildes und das war's.

Liegt es daran, dass meine html-Datei nicht "index.html" heißt oder was mache ich falsch? Kann mir jemand einen entscheidenden Tipp geben?

Danke für eure Hilfe!

 

[simonpicos]

AW: Integration Lightbox CSS in bestehende Webseite

Ich habe in meiner html-Datei somit drei Verweise auf css-Dateien, was nicht funktioniert.

Warum sollte das denn nicht funktionieren?

 

[Dobi78]

AW: Integration Lightbox CSS in bestehende Webseite

Wie wäre es mit einem Link zu der Seite??
Meine Glaskugel hat heute nämlich Schwierigkeiten wegen des starken Nebels.....

 

[midgard18]

AW: Integration Lightbox CSS in bestehende Webseite

wenn von Dir kein Link kommt, dann eben von mir .... hilft Dir vielleicht weiter, um die Materie etwas verstehen zu lernen

Bitte kostenlos registrieren, damit du die Links siehst.

 

[patrick_l]

AW: Integration Lightbox CSS in bestehende Webseite

Entweder mit:

<!-- xHTML -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/lightbox.css"/>
<!-- HTML5 -->
<link rel="stylesheet" href="assets/css/style.css"> 
<link rel="stylesheet" href="assets/css/lightbox.css">

<!--href = Pfad zu deinem CSS  -->

im Kopfbereich (head) verlinken oder die einzelnen Anweisungen in das CSS deiner Website kopieren. Letztes würde ich machen. Wer mag kann ja den Bereich noch mit Kommentaren versehen.

Liebe Grüße, Patrick

 

[_schatzi_]

AW: Integration Lightbox CSS in bestehende Webseite

Hallo Patrick!

Ist das schon "abgesegnet", dass man in HTML5 kein "type" mehr braucht?

 

[patrick_l]

AW: Integration Lightbox CSS in bestehende Webseite

Ist das schon "abgesegnet", dass man in HTML5 kein "type" mehr braucht?

Genaueres müsste ich selber nochmal nachlesen. Nach meinem Wissenstand aber ja. Ich verwende nur noch die kurze Schreibweise. Allgemein spart man sich ja mit HTML5 einiges an Schreibarbeit.

Liebe Grüße, Patrick

 

[_schatzi_]

AW: Integration Lightbox CSS in bestehende Webseite

Hallo Patrick!

Ich habe das eben auch mal genauer gegoogelt:
Anscheinend ist type="text/css" der default-Wert und auf die Angabe des default-Wertes darf man wohl verzichten (bei HTML5).

 

[patrick_l]

AW: Integration Lightbox CSS in bestehende Webseite

Ich habe das eben auch mal genauer gegoogelt:
Anscheinend ist type="text/css" der default-Wert und auf die Angabe des default-Wertes darf man wohl verzichten (bei HTML5).

Danke dir fürs Tante G fragen Genauso sieht es auch mit den schließenden Tags und dem "/" im Kopfbereich aus. Habe auch gerade einen kleinen Schreibfehler entdeckt. Bei xHTML muss natürlich "/>" am Ende geschrieben werden.

Liebe Grüße, Patrick

 

[_schatzi_]

AW: Integration Lightbox CSS in bestehende Webseite

Genauso sieht es auch mit den schließenden Tags [...] aus.

Rein aus Gewohnheit würde ich NIE darauf verzichten, ein Tag wieder zu schließen!
Warum auch? Um etwa 2-3 Byte zu sparen? In Zeiten von 16MBit und mehr?
Och nöööö...

 

[patrick_l]

AW: Integration Lightbox CSS in bestehende Webseite

Rein aus Gewohnheit würde ich NIE darauf verzichten, ein Tag wieder zu schließen!

Ich behalte es ja auch weiterhin bei. Da ich auch alles ordentlich einrücke, finde ich es durch die schließenden Tags auch wesentlich aufgeräumter. Auch ist es für mich kein Mehraufwand. Im Dreamweaver habe ich alles so eingestellt, das automatisch ein Tag geschlossen.

Liebe Grüße, Patrick

 

[groove]

AW: Integration Lightbox CSS in bestehende Webseite

@vaiblack: zurück zum Thema: Ich glaube kaum, dass das "Nicht funktionieren" an der css liegt. Meine Glaskugel orakelt hier eher fehlendes java script oder fehlende Bibliotheken für die Funtiokn. Schau noch mal in die Anleitung der verwendeten lightbox.

 

[mwxx]

AW: Integration Lightbox CSS in bestehende Webseite

@vaiblack: zurück zum Thema: Ich glaube kaum, dass das "Nicht funktionieren" an der css liegt. Meine Glaskugel orakelt hier eher fehlendes java script oder fehlende Bibliotheken für die Funtiokn. Schau noch mal in die Anleitung der verwendeten lightbox.

Genau dies denke ich nämlich auch.
Diese Reaktion habe ich meistens dann, wenn ich aus Versehen vergessen habe, jQuery himself einzubinden oder aus Versehen die lightbox-js vor selbiger eingebunden habe...

 

[vaiblack]

AW: Integration Lightbox CSS in bestehende Webseite

hallo zusammen,

ihr habt ja schon fleißig diskutiert - danke für eure hinweise!

bei mir in der html sieht es folgendermaßen aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="format.css" type="text/css" media="screen">
<link rel="stylesheet" href="menue.css" type="text/css">
<meta name="robots" content="INDEX,FOLLOW">
</head>

die css-dateien liegen im obersten ordner und die js-dateien im js-ordner.

in welcher css muss ich denn noch jQuery einbinden?

 

[vaiblack]

AW: Integration Lightbox CSS in bestehende Webseite

leute, ich hab das rätsel gelöst!!! :idee:

ich hatte aus versehen zwei versionen von lightbox heruntergeladen und die dateien durcheinandergehauen ... sowas dummes!!!

danke für eure hilfe! :blumen: