Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Lightbox 2 versteckter Fehler“

Phil67

Herumirrende

Hallo,

ich sitze schon ewig dran, um nen Anzeigefehler der Lightbox aufzuspüren und sehe den Wald anscheinend vor lauter Bäumen nicht.
Auf meiner eigenen HP wird das Bild in der Box nach unten gerückt, während es auf meiner Clubhp soweit korrekt angezeigt wird. Trotz nonstop suchen finde ich den Fehler nicht, den ich gemacht habe. Vielleicht könnt ihr mir ja einen Hinweis geben...
Vielen Dank schonmal für eure Hilfe.

Gruß Nicole
 

sokie

Mod | Web

AW: Lightbox 2 versteckter Fehler

das hat ein bisschen mit der Struktur zu tun
Code:
img
{margin-top: 0px; margin-bottom: 0px;
border-top: 45px solid #251D1A;}
setzt zunächst erstmal für JEDES img auf einen 45px Border oben, so natürlich auch auch für das Bild in der Lightbox.

Die Empfehlungen für css gehen auch dahin, dass man so spezielle formatierungen nicht für allgemeine selektoren (und "img" ist ein sehr allgemeiner selektor) verwendet.

die obere box sollte eine id bekommen (zB #header?). dann könnte man entweder das Bild gleich als Hintergrund verwenden
Code:
#header{
  height: 345px;
  background: #251D1A url(http://www.generationheckmotor.de/startbild5.jpg) center 45px no-repeat;
}
und könnte den unglücklichen img Selektor verwerfen. (und das 'align="center"' loswerden
oder das Bild über den Selektor des #header contextuell formatieren:
Code:
#header{
  text-align: center;
}
#header img
{margin-top: 0px; margin-bottom: 0px;
border-top: 45px solid #251D1A;}
und ebenfalls den allgemeinen img Selektor verwerfen.

oder oder...:) (class für das eine Bild wäre auch eine Alternative...)
 
Zuletzt bearbeitet:

samsdad

neu und gierig

AW: Lightbox 2 versteckter Fehler

morsche

sag mal - auf der clubseite sind mehrere bilder...
warum machst du deine box nicht zum weiterklicken
so muss der betrachter erst jedes einzelne bild erst schließen um das nächste öffnen zu können... das ist umständlich - finde ich

ansonsten schöne seite
und noch viiiiel schönere käfer :)

gruß von nem triumph-fahrer aus hessen
frank
 

Phil67

Herumirrende

AW: Lightbox 2 versteckter Fehler

Hi ihr zwei,

danke für eure Antworten...

@sokie
Irgendwie hab ich n Verständnisproblem... Warum soll ich über jedes img ein border von 45px setzen?
Das mit der CSS Empfehlung für das img werde ich mal versuchen zu verstehen und umzusetzen. Dennoch kommt in mir die Frage auf, warum das so sein soll. Ja, ich hinterfrage meist alles ständig... :D
Es soll ja nicht bei dem einen Bild in der Lightbox bleiben, das war ja nur n Test...

@samsdad
Ich würde die Box ja gerne zum weiterclicken machen, aber hab die Buttons noch nicht engebunden... :lol:
Danke für die Blumen. Die Bilder sind ebenfalls auf beiden Seiten alle von mir.
Triumph? Was fährste denn? 2 oder 4 Räder? ;)

Gruß Nicole

Was bedeutet im Code denn das "no-repeat" genau? *dooffrag*
die obere box sollte eine id bekommen (zB #header?). dann könnte man entweder das Bild gleich als Hintergrund verwenden
Code:
#header
{height: 345px;
  background: #251D1A url(http://www.generationheckmotor.de/startbild5.jpg) center 45px no-repeat;}

Das hier habe ich jetzt mal auf einer Unterseite gemacht:
oder das Bild über den Selektor des #header contextuell formatieren:
Code:
#header
{text-align: center;}
 
#header img
{margin-top: 0px; margin-bottom: 0px;
border-top: 45px solid #251D1A;}

Bitte 'Edit' benutzen!
 
Zuletzt bearbeitet von einem Moderator:

sokie

Mod | Web

AW: Lightbox 2 versteckter Fehler

Hi ihr zwei,

@sokie
Irgendwie hab ich n Verständnisproblem... Warum soll ich über jedes img ein border von 45px setzen?
hihi, nee sollst du ja eben nicht!, aber dein css hatte genau das gemacht - daher das Problem:)

Was bedeutet im Code denn das "no-repeat" genau? *dooffrag*
für den Fall dass du das header Bild als 'background' in den Container gesetzt hättest heisst no-repeat, dass sich das Bild nicht wiederholt. ohne no-repeat wäre es dann zumindest teilweise mehrmals in der box erschienen.


Das hier habe ich jetzt mal auf einer Unterseite gemacht:
da kann man doch nicht meckern :)
 

Phil67

Herumirrende

AW: Lightbox 2 versteckter Fehler

Danke für Deine schnelle Antwort, sokie... :) Habe das jetzt erstmal überall geändert und hoffe das es so ok ist. Wenn ich etwas grundlegendes übersehen habe, einfach Bescheid sagen...
Code:
<div id="header">
<img src="startbild5.jpg" width="900" height="345" alt="Taschenporsche"/>
</div>
 
#header
{text-align: center;}
 
#header img
{margin-top: 0px; margin-bottom: 0px;
border-top: 45px solid #251D1A;}
Dann werde ich mal zusehen, dass ich die Galerie soweit komplett einbinde und mich mal damit beschäftige, wie ich die Buttons funktionsfähig dort hinein bekomme...

Gruß Nicole
 

sokie

Mod | Web

AW: Lightbox 2 versteckter Fehler

Wenn du die vor und zurück Buttons in der Lightboxansicht meinst, dann musst du nur an das rel="lightbox" in eckigen klammern einen Gruppennamen anhängen zB:
Code:
<div class="thumbs">
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw01.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb01.jpg" alt="" height="100" width="100"></a>  
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw02.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb02.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw03.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb03.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw04.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb04.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw05.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb05.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw06.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb06.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw07.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb07.jpg" alt="" height="100" width="100"></a> 
<a href="http://www.psd-tutorials.de/modules/Forum/images/whw08.jpg" rel="lightbox[gruppe1]"><img src="http://www.psd-tutorials.de/modules/Forum/images/thumb08.jpg" alt="" height="100" width="100"></a> 
</div>
 

Phil67

Herumirrende

AW: Lightbox 2 versteckter Fehler

Aber da muß ich im CSS doch erst verliken, wo die Grafiken zu finden sind, oder? Da hab ich iwie noch so mein Problem bezüglich der Schreibweise mit. :hmpf:

Code:
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 

sokie

Mod | Web

AW: Lightbox 2 versteckter Fehler

url(../images/nextlabel.gif)

die url nuss den Phad zu deinem(n) Bild(ern) relativ zur css beschreiben.

Beispiele

nextlabel.gif und css datei liegen im selben Verzeichnis ->
url(nextlabel.gif)

der Ordner "images" liegt im selben Verzeichnis wie die css Datei->
url(images/nextlabel.gif)

edit: grad nachgesehen - letzteres ist der fall
 
Zuletzt bearbeitet:

Phil67

Herumirrende

AW: Lightbox 2 versteckter Fehler

Ich schäme mich ja bald, schon wieder zu fragen... So doof kann ich doch gar nicht sein... :hmpf:

der Ordner "images" liegt im selben Verzeichnis wie die css Datei->
url(images/nextlabel.gif)

Habe das jetzt so geändert, aber iwie will das nicht funzen. Ich zweifel echt bald an meinem Verstand.

[EDIT] Bin dahintergestiegen - ein Fall spontaner Selbsterkenntnis...
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.157
Beiträge
2.581.863
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben