nicht angemeldet
jquery innerfade -> links unter Bildern gehen nicht mehr.
Hallo,
Ich habe mit jquery und dem innerfade Plug-In eine Animierte Startseite gebastelt. sieht auch gut aus und läuft wie gewünscht.
Aber:
Im footer meiner Seite befinden sich einige links (Impressum/Kontakt usw.)
Die ich jetzt nicht mehr auswählen kann.
Hinzu kommt das ich, obwohl die Seite insgesamt nicht einmal die Komplette Browserhöhe einnimmt, nach unten scrollen kann (da ist nichts, einfach nur weis)
Auf den anderen Seiten gehen die Links im footer, auch auf der Startseite ging es bis ihc die Animation eingefügt hatte.
Was läuft da falsch?
Hier mal Teile vom Code:
animiert.htm
<div class="limiter">
<ul id="lefttop">
<li>
<img src="/wp-content/themes/babble/jsimages/1.jpg" />
</li>
<li>
<img src="/wp-content/themes/babble/jsimages/2.jpg" />
...
<li>
<img src="/wp-content/themes/babble/jsimages/11.jpg" />
</li>
</ul>
<ul id="lefttop">
...
</ul>
... <!-- insgesammt sechs solcher listen-->
</div>
jq-fade.css
div.limiter {
width: 500px;
height: 500px;
position: relative;
left: 50%;
margin-left: -320px;
}
ul#lefttop li img{
display: block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
ul#righttop li img{
display: block;
margin-left: 405px;
margin-top: -232px;
}
...
ul#middlebottom li img{
display: block;
margin-top: -964px;
margin-left: 210px;
width: 180px;
height: 285px;
}
ul#eines li img{
display: block;
position: relative;
left: -183px;
margin-top: 170px;
width: 102px;
height: 130px;
}
Der Code ist beschnitten, wen mehr von Nöten sein sollte, kein Problem ;)
Ich vermute, dass es was damit zu tun hat, dass wen Javascript deaktiviert ist, die Bilder als Liste untereinander angezeigt werden. Schätze dadurch wird das Browserfenster so groß und die links im footer irgendwie überdeckt...
-
Gibt es vielleicht eine Möglichkeit wie ich die einzelnen Elemente einer Liste alle übereinanderliegend ausgeben könnte?
-
Problem mit Overfloaw:hidden; gelöst.
-