|
||||
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 |
Sponsored Links |
|
|
Ä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 |