zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS für Lightbox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.03.2010, 09:51
Benutzerbild von seelefant
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 29.01.2006
Ort: im Steirischen Salzkammergut
Beiträge: 260
seelefant wird schon bald berühmt werden
Standard CSS für Lightbox

Hallo, ich habe ein Problem mit einer Lightbox, die ich nicht selbst verfasst habe. Es sei eine Standard-Lightbox wurde mir gesagt. Die zugehörige Seite ist Werkzeugfee - Werkzeuge, Werkstattbedarf, Lackierbedarf, Lackiertechnik, Oberflchentechnik - die Lightbox könnt Ihr zum Beispiel hier ansehen: Werkzeugfee - Werkzeuge, Werkstattbedarf, Lackierbedarf, Lackiertechnik, Oberflchentechnik

DAs Problem ist, dass die Pfeile für die Bilder rechts und links nur bei hover angezeigt werden. Die rechte Seite des BIldes verschwindet ganz, wenn man zum Beispiel beim 2. BIld auf den linken Pfeil gelangen will.

Ich kenne mich leider weder mit Javascript aus, noch mit Lightboxes. Der Test, "background: url(...)" auch in das CSS für den Link selbst zu schreiben hat leider nicht funktioniert.

Für HIlfe bin ich wirklich sehr sehr dankbar!
Liebe Grüße
Seelefant

Das CSS sieht so aus:
#lightbox{position:absolute;top:0;left:0;width:100 %;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative;background: #d3dee4;width:250px;height:250px;margin:-50px auto 0;}
#imageContainer{padding:10px;}

#loading{position:absolute;top:40%;left:0;height:2 5%;width:100%;text-align:center;line-height:0;}

#hoverNav{position:absolute;top:0;left:0;height:10 0%;width:100%;z-index:10;}
#hoverNav a{outline: none;}

#prevLink, #nextLink{width:49%;height:100%;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background: url(/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover{background: url(/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font:9pt Verdana;background:#d3dee4;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 0 0 15px;color:#44687d;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:120px;float:right;padding-bottom:0.7em;outline:none;}

#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:100%;background:#44687d ;}
__________________
Die Gelassenheit ist eine anmutige Form des Selbstbewußtseins.
Marie von Ebner-Eschenbach
Mit Zitat antworten
Sponsored Links
Antwort


Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 16:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 08:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:50 Uhr.