LinkBack URL
About LinkBacks
ZitierenSorry,
das Problem hat sich soeben gelöst. Es gibt einen Fehler in der Gallery.css der Probleme bei Firefox erzeugt. #wrapper - float:left muss float:none heißen.
Trotzdem danke.
Hallo,
ich hoffe mir kann hier jemand helfen.
Ich habe eine Webseite für eine Bekannte gemacht, die Galerie habe ich mit Lightbox 2.2 erstellt.
Die Seite wurde Testweise auf eine meiner eigenen Domains hochgeladen.
Ihr könnt Sie unter www.allgaeuschmiede.de sehen.
Dort funktioniert die Galerie einwandfrei.
Nun habe ich einige Bilder rausgenommen, die meine Bekannte nicht wollte, und hab die Galerie Neu gemacht.
Ich arbeite mit CS2 und Go Live.
Alles liegt am selben Platz, nur die Galerie wurde neu erstellt.
Nun funktioniert Sie nur noch in der Vorschau und seltsamerweise im Internet Explorer, mit Firefox sind die Bilder nicht "anklickbar" bzw. der Hover-Effekt geht nicht mehr.
Ich habe den Quelltext dieser Neuen Galerie (Index.html, liegt im Ordner Sites wo auch alle zugehörigen Ordner der Lightbox Galerie liegen) beigefügt.
Ich finde den Fehler nicht. Ich habe meines Wissens nichts verändert an den Einstellungen. Die gallery.css und die Lightbox.css sind zwar noch nicht fertig überarbeitet und angepasst, aber daran kann es eher nicht liegen. Auf Allgaeuschmiede.de läuft die Galerie ja auch mit Firefox.
Ich hoffe mir kann jemand helfen. Habe beide Quelltexte nun zum x-ten Mal durch und finde nichts was falsch sein könnte...
Die Ordner thumbnails,pages und images liegen am selben Ort wie bei der Seite die online ist.
Hier der Quelltext der "Neuen, nicht funktionierenden Galerie":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script type="text/javascript" src="images/prototype.js"></script>
<script type="text/javascript" src="images/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="images/lightbox.js"></script>
<style type="text/css" media="screen"> @import url(images/lightbox.css); </style>
<style type="text/css" media="screen"> @import url(images/gallery.css); </style>
<style type="text/css" media="screen">
body {
background: #FFFFFF;
}
#container {
color: #3D2D1F;
font-family: Arial;
}
h1 {
color: #FFFFFF;
font-family: Helvetica;
font-size: 1em;
}
a, a:visited {
color: #563F23;
text-decoration: none;
}
a:active {
color: #563F23;
text-decoration: none;
}
a:hover {
color: #563F23;
text-decoration: none;
}
.thumbnail {
font-family: Arial;
font-size: 3;
}
.thumbnail a img {
background: #dfdfdf;
border: 3pt solid white;
clear: both;
display: block;
margin: 0 auto;
}
.thumbnail a:hover img {
border-color: #563F23;
}
</style>
</head>
<body>
<div style="display:none">
<div>%FLASH%</div>
<div></div>
<div></div>
<div>29.06.2010</div>
<div></div>
<div></div>
<div>#FFFFFF</div>
<div>#FFFFFF</div>
<div>#3D2D1F</div>
<div>#563F23</div>
<div>#800013</div>
<div>#563F23</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div id="header">
<h1></h1>
</div>
<div id="container">
<CENTER><TABLE cellspacing=10 cellpadding=0 border=0>
<div id="wrapper">
<TR>
<TD>
<div class="thumbnail">
<a href="pages/08-11-05_birkenweiler-hof-205.html" title="08-11-05_birkenweiler-hof-205" rel="lightbox[gallery]">
<img src="thumbnails/08-11-05_birkenweiler-hof-205.jpg" height="75" width="49" alt="08-11-05_birkenweiler-hof-205" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/08-11-05_birkenweiler-hof-244.html" title="08-11-05_birkenweiler-hof-244" rel="lightbox[gallery]">
<img src="thumbnails/08-11-05_birkenweiler-hof-244.jpg" height="49" width="75" alt="08-11-05_birkenweiler-hof-244" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/100_1190.html" title="100_1190" rel="lightbox[gallery]">
<img src="thumbnails/100_1190.jpg" height="49" width="75" alt="100_1190" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/CIMG1000.html" title="CIMG1000" rel="lightbox[gallery]">
<img src="thumbnails/CIMG1000.jpg" height="56" width="75" alt="CIMG1000" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/CIMG1572.html" title="CIMG1572" rel="lightbox[gallery]">
<img src="thumbnails/CIMG1572.jpg" height="56" width="75" alt="CIMG1572" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC_2818.html" title="DSC_2818" rel="lightbox[gallery]">
<img src="thumbnails/DSC_2818.jpg" height="49" width="75" alt="DSC_2818" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC_2894.html" title="DSC_2894" rel="lightbox[gallery]">
<img src="thumbnails/DSC_2894.jpg" height="75" width="49" alt="DSC_2894" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC_2922.html" title="DSC_2922" rel="lightbox[gallery]">
<img src="thumbnails/DSC_2922.jpg" height="49" width="75" alt="DSC_2922" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/DSC08114.html" title="DSC08114" rel="lightbox[gallery]">
<img src="thumbnails/DSC08114.jpg" height="50" width="75" alt="DSC08114" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC08319.html" title="DSC08319" rel="lightbox[gallery]">
<img src="thumbnails/DSC08319.jpg" height="75" width="50" alt="DSC08319" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC08541.html" title="DSC08541" rel="lightbox[gallery]">
<img src="thumbnails/DSC08541.jpg" height="50" width="75" alt="DSC08541" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/DSC08650.html" title="DSC08650" rel="lightbox[gallery]">
<img src="thumbnails/DSC08650.jpg" height="50" width="75" alt="DSC08650" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/DSC09127.html" title="DSC09127" rel="lightbox[gallery]">
<img src="thumbnails/DSC09127.jpg" height="75" width="50" alt="DSC09127" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery14njpgN.html" title="Gallery14njpgN" rel="lightbox[gallery]">
<img src="thumbnails/Gallery14njpgN.jpg" height="49" width="75" alt="Gallery14njpgN" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery1ajpgA.html" title="Gallery1ajpgA" rel="lightbox[gallery]">
<img src="thumbnails/Gallery1ajpgA.jpg" height="42" width="75" alt="Gallery1ajpgA" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery20tjpgT.html" title="Gallery20tjpgT" rel="lightbox[gallery]">
<img src="thumbnails/Gallery20tjpgT.jpg" height="60" width="75" alt="Gallery20tjpgT" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/Gallery22vbmpV.html" title="Gallery22vbmpV" rel="lightbox[gallery]">
<img src="thumbnails/Gallery22vbmpV.jpg" height="60" width="75" alt="Gallery22vbmpV" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery23wbmpW.html" title="Gallery23wbmpW" rel="lightbox[gallery]">
<img src="thumbnails/Gallery23wbmpW.jpg" height="60" width="75" alt="Gallery23wbmpW" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery2bjpgB.html" title="Gallery2bjpgB" rel="lightbox[gallery]">
<img src="thumbnails/Gallery2bjpgB.jpg" height="56" width="75" alt="Gallery2bjpgB" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/Gallery3cjpgC.html" title="Gallery3cjpgC" rel="lightbox[gallery]">
<img src="thumbnails/Gallery3cjpgC.jpg" height="56" width="75" alt="Gallery3cjpgC" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/kodak%20003.html" title="kodak 003" rel="lightbox[gallery]">
<img src="thumbnails/kodak%20003.jpg" height="56" width="75" alt="kodak 003" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/kurs5.html" title="kurs5" rel="lightbox[gallery]">
<img src="thumbnails/kurs5.jpg" height="49" width="75" alt="kurs5" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/ronja-hanneke%20001.html" title="ronja-hanneke 001" rel="lightbox[gallery]">
<img src="thumbnails/ronja-hanneke%20001.jpg" height="56" width="75" alt="ronja-hanneke 001" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/ronja-hanneke%20005.html" title="ronja-hanneke 005" rel="lightbox[gallery]">
<img src="thumbnails/ronja-hanneke%20005.jpg" height="56" width="75" alt="ronja-hanneke 005" />
<br />
</a>
</div>
</TD>
</TR>
<TR>
<TD>
<div class="thumbnail">
<a href="pages/ronja-hanneke%20033.html" title="ronja-hanneke 033" rel="lightbox[gallery]">
<img src="thumbnails/ronja-hanneke%20033.jpg" height="56" width="75" alt="ronja-hanneke 033" />
<br />
</a>
</div>
</TD> <TD>
<div class="thumbnail">
<a href="pages/ronja-hanneke%20039.html" title="ronja-hanneke 039" rel="lightbox[gallery]">
<img src="thumbnails/ronja-hanneke%20039.jpg" height="56" width="75" alt="ronja-hanneke 039" />
<br />
</a>
</div>
</TD> <TD align="center" valign="center"> </TD>
<TD align="center" valign="center"> </TD>
</TR>
</div>
</TABLE></CENTER>
<div class="clear"></div>
</div>
</body>
</html>
Sorry,
das Problem hat sich soeben gelöst. Es gibt einen Fehler in der Gallery.css der Probleme bei Firefox erzeugt. #wrapper - float:left muss float:none heißen.
Trotzdem danke.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)