Hallo Leute,
ich bin gerade dabei eine Inet Seite für eine Kundin fertig zu stellen.
Nur habe ich jetzt ein problem mit der shadowbox im firefox, aber im
IE und OPERA geht sie ohne probleme! WARUM???
Geht unter die Rubrik Objektplanung und klickt das Polaroid an.
der css code:
div.column-left1 { float:left; width:270px; height:200px; margin:10px 20px 0 55px; padding:8px; background:url(../images/bg-img.jpg) no-repeat; }
div.column-left1 li { width:161px; height:161px; text-decoration:none; list-style:none; }
div.column-left1 li.kubistischer { background: url(../images/kubistischergarten/polar-pic/polar-pic.jpg); }
div.column-left1 li.kubistischer:hover { background: url(../images/kubistischergarten/polar-pic/polar-pic1.jpg); }
div.column-left1 li.naturnaher { background: url(../images/naturnaherschwimmteich/polar-pic/polar-pic.jpg); }
div.column-left1 li.naturnaher:hover { background: url(../images/naturnaherschwimmteich/polar-pic/polar-pic1.jpg); }
div.column-left1 li.vorher-nachher { background: url(../images/vorher-nachher-vergleich/polar-pic/polar-pic.jpg); }
div.column-left1 li.vorher-nachher:hover { background: url(../images/vorher-nachher-vergleich/polar-pic/polar-pic1.jpg); }
div.column-left1 li.ziegenbeweidung { background: url(../images/ziegenbeweidung/polar-pic/polar-pic.jpg); }
div.column-left1 li.ziegenbeweidung:hover { background: url(../images/ziegenbeweidung/polar-pic/polar-pic1.jpg); }
div.column-left1 li.barcelona { background: url(../images/jardi-botanic-barcelona/polar-pic/polar-pic.jpg); }
div.column-left1 li.barcelona:hover { background: url(../images/jardi-botanic-barcelona/polar-pic/polar-pic1.jpg); }
div.column-left1 li.kerdalo { background: url(../images/les-jardins-du-kerdalo/polar-pic/polar-pic.jpg); }
div.column-left1 li.kerdalo:hover { background: url(../images/les-jardins-du-kerdalo/polar-pic/polar-pic1.jpg); }
div.column-left1 li.loire { background: url(../images/chaumont-sur-loire/polar-pic/polar-pic.jpg); }
div.column-left1 li.loire:hover { background: url(../images/chaumont-sur-loire/polar-pic/polar-pic1.jpg); }
der html code:
<div class="column-left1">
<a href="images/kubistischergarten/pic1-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten">
<li class="kubistischer"></li>
</a>
<a href="images/kubistischergarten/pic2-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic3-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic4-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic5-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
</div>
ich bin gerade dabei eine Inet Seite für eine Kundin fertig zu stellen.
Nur habe ich jetzt ein problem mit der shadowbox im firefox, aber im
IE und OPERA geht sie ohne probleme! WARUM???
Geht unter die Rubrik Objektplanung und klickt das Polaroid an.
der css code:
div.column-left1 { float:left; width:270px; height:200px; margin:10px 20px 0 55px; padding:8px; background:url(../images/bg-img.jpg) no-repeat; }
div.column-left1 li { width:161px; height:161px; text-decoration:none; list-style:none; }
div.column-left1 li.kubistischer { background: url(../images/kubistischergarten/polar-pic/polar-pic.jpg); }
div.column-left1 li.kubistischer:hover { background: url(../images/kubistischergarten/polar-pic/polar-pic1.jpg); }
div.column-left1 li.naturnaher { background: url(../images/naturnaherschwimmteich/polar-pic/polar-pic.jpg); }
div.column-left1 li.naturnaher:hover { background: url(../images/naturnaherschwimmteich/polar-pic/polar-pic1.jpg); }
div.column-left1 li.vorher-nachher { background: url(../images/vorher-nachher-vergleich/polar-pic/polar-pic.jpg); }
div.column-left1 li.vorher-nachher:hover { background: url(../images/vorher-nachher-vergleich/polar-pic/polar-pic1.jpg); }
div.column-left1 li.ziegenbeweidung { background: url(../images/ziegenbeweidung/polar-pic/polar-pic.jpg); }
div.column-left1 li.ziegenbeweidung:hover { background: url(../images/ziegenbeweidung/polar-pic/polar-pic1.jpg); }
div.column-left1 li.barcelona { background: url(../images/jardi-botanic-barcelona/polar-pic/polar-pic.jpg); }
div.column-left1 li.barcelona:hover { background: url(../images/jardi-botanic-barcelona/polar-pic/polar-pic1.jpg); }
div.column-left1 li.kerdalo { background: url(../images/les-jardins-du-kerdalo/polar-pic/polar-pic.jpg); }
div.column-left1 li.kerdalo:hover { background: url(../images/les-jardins-du-kerdalo/polar-pic/polar-pic1.jpg); }
div.column-left1 li.loire { background: url(../images/chaumont-sur-loire/polar-pic/polar-pic.jpg); }
div.column-left1 li.loire:hover { background: url(../images/chaumont-sur-loire/polar-pic/polar-pic1.jpg); }
der html code:
<div class="column-left1">
<a href="images/kubistischergarten/pic1-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten">
<li class="kubistischer"></li>
</a>
<a href="images/kubistischergarten/pic2-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic3-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic4-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
<a href="images/kubistischergarten/pic5-big.jpg" rel="shadowbox[gallery1]" title="Kubistischer Garten"></a>
</div>