LinkBack URL
About LinkBacks
Zitierenhast du dein Beispiel irgendwo online? damit man das mal nachvollziehen kann....
Vielleicht ist einfach das IMG bzw. die Tabellenzelle mit einem margin/padding versehen?
innerfade in einer Tabellenzelle? D A N K E
Hallo Leute,
ich möchte innerfade (http://medienfreunde.com/lab/innerfade/) gern auf einer Internetseite einsetzen.
Leider muss ich es in eine Tabellenzelle (bitte nicht lynchen) einsetzen.
Die Zelle ist 220 x 700 px groß und die Bilder auch.
Leider hab ich immer etwas Luft um die Bilder und die Zelle wird zu groß dargestellt.
Hat jemand dies ggf. schon mal so eingesetzt oder wäre bereit mir zu helfen?
Gruß und Dank!
Barkeeper
Individualität ist der Unterschied zwischen Kunst und Kompetenz.
hast du dein Beispiel irgendwo online? damit man das mal nachvollziehen kann....
Vielleicht ist einfach das IMG bzw. die Tabellenzelle mit einem margin/padding versehen?
Viele Grüße
Matthias.
http://www.bruecksen.de
Hallo Bruecksen,
hier ist eine schnelle index.htmlTausch diese index.html einfach mal gegen die in dieser Zipdatei aus.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Demo</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.innerfade.js"></script> <script type="text/javascript"> $(document).ready( function(){ $('#news').innerfade({ animationtype: 'slide', speed: 750, timeout: 2000, type: 'random', containerheight: '1em' }); $('ul#portfolio').innerfade({ speed: 1000, timeout: 5000, type: 'sequence', containerheight: '220px' }); $('.fade').innerfade({ speed: 1000, timeout: 6000, type: 'random_start', containerheight: '1.5em' }); $('.adi').innerfade({ speed: 'slow', timeout: 5000, type: 'random', containerheight: '150px' }); }); </script> <style type="text/css"> BODY { SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-BASE-COLOR: #666666 } a:focus { outline: none; } </style> </head> <body style="OVERFLOW: auto; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; color: #cccccc"; "OVERFLOW: auto" bgcolor="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> <td width="638" height="20"> </td> <td height="20"> </td> </tr> <tr> <td> </td> <td bgcolor="#333333" style="FONT-SIZE: 12px"><ul id="portfolio"> <li> <img src="images/ggbg.gif" alt="Good Guy bad Guy" /> </li> <li> <img src="images/whizzkids.gif" alt="Whizzkids" /> </li> <li> <img src="images/km.jpg" alt="Königin Mutter" /> </li> <li> <img src="images/rt_arch.jpg" alt="RT Hybride Archivierung" /> </li> <li> <img src="images/tuev.jpg" alt="TÜV SÜD Gruppe" /> </li> </ul> </td> <td> </td> </tr> <tr> <td height="20"> </td> <TD align=right bgColor=#666666> <SPAN style="FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none"> - © 2001 - 2010 - -</SPAN> </TD ><td height="20"> </td> </tr> <tr> <td height="20"> </td> <td height="20"> </td> <td height="20"> </td> </tr> </table> </body> </html>
http://medienfreunde.com/stats/getfile.php?id=3
In der Zipdatei ist alles andere enthalten. (jquery, innerfade, images...)
Gruß und Dank!
Barkeeper
hmm, eigentlich ganz einfach. Kennst du Firebug? Damit kommt man solchen Fehlern sehr schnell auf die Schliche.
Bei dem innerFade Beispiel ist im gegensatz zu deinem eine reset.css Datei eingebunden. Was diese macht, sagt der Name schon (sonst hier). Einfach diese Einbinden und es läuft wie gewünscht.
Viele Grüße
Matthias.
http://www.bruecksen.de
Hallo Bruecksen,
vielen Dank! Damit läuft es erstmal.
Leider hab ich nun auch schon das nächste Problem.
Ich möchte zusätzlich fancybox http://fancybox.net einsetzen, aber da verhackt sich irgendwas.
Die Bilder (andere, nicht aus innerfade) werden zwar dargestellt, aber im IE7 (anders zZ ungetestet) dunkelt sich der Hintergrund nicht ab...
Gruß
Barkeeper
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
