Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

General Support: My Thumbnails keep moving

Bottom of Page

1 to 8 of 8

  1.  
    • CommentAuthorAkuyazi
    • CommentTimeMar 19th 2007 edited
     
    I've searched through these forums and can not find the solution to this problem..

    When you mouse over the thumbnails in an album they shift alittle bit to the side. This only happens in IE not in Firefox.

    You can check it out here :
    http://wallkick.ig3.net/gallery.php?level=album&id=2
    and here is my css file
    http://wallkick.ig3.net/gallery/themes/table-free2/gallery.css

    i'm using Beta3, and the classic table free centered edition theme v0.1

    edit: ugh i thought i fixed it but i fixed it for the most part.. In FireFox when you click on a picture and see the big version with the link at the bottom that shows data or w/e... on that page, when you press the back button to go back to the album view everything is misplaced and disorganized..

    http://img79.imageshack.us/img79/8435/brokenfflj4.jpg

    i tried adding

    .slides li{
    display:inline;
    height:120px;
    width:153px;
    }

    to the css becuase i saw it in another thread but that didnt fix it :/

    Edit 2: ugh.. okay i tried a diffrent Theme... the classic table free theme... and it works perfectly >_> in ie and FF, but its not centered :(
    • CommentAuthormarlies63
    • CommentTimeMar 20th 2007
     
    right now I still see the thumbnails shifting, in IE only. I don't know if this helps, but when I had a problem with the margins of the thumbnails in IE only, all it needed was to add

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    see this thread: http://plogger.org/forum/comments.php?DiscussionID=472

    Don't know if your problem is similar, but it's a simple thing to try and see if it helps!
    • CommentAuthorAkuyazi
    • CommentTimeMar 20th 2007
     
    hmm, i added it but it made the pictures show up in a straight line in IE and it made it shift around still in FireFox, nice try though :(
    • CommentAuthorAkuyazi
    • CommentTimeMar 20th 2007 edited
     
    i think it has something to do with the css code

    display:table-cell;

    becuase when i have that in there it messes up but when its not in there it doesnt but it shows in a list format going straight down.


    i also found the fix to my problem with ie, i just had to remove the Width: attribute in .slides a, now to fix, all i need to fix is the firefox problems
    •  
      CommentAuthormike
    • CommentTimeMar 20th 2007
     
    Make sure your margin and padding attributes are identical for both the image and image:hover CSS
    • CommentAuthorAkuyazi
    • CommentTimeMar 20th 2007
     
    yea i did that a while back to fix the shifting, but it only fixed it alittle but the shifting is gone now.
    • CommentAuthormarlies63
    • CommentTimeMar 21st 2007
     
    Only the border is still different for the image and image:hover CSS in your CSS file, which causes a very slight shifting on mouse over on the big thumbnails (the pics on the pages with the show details link).

    Another thing.. now the padding (the white space between the pics and the border) around those big thumbnails is gone in IE, I still see it in Firefox. Which was the problem I used to have and I fixed by adding that doctype thing ;) Doesn't have to be an issue, but personally I like the padded pics
    •  
      CommentAuthormike
    • CommentTimeMar 25th 2007
     
    The padding thing is an IE bug, there is some discussion about it over here http://www.thescripts.com/forum/thread98325.html

1 to 8 of 8

  1.