Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

inline images firefox scrollbar issue

edited March 2007 in Vanilla 1.0 Help
i have two questions about inline images. in firefox inline images div shows a unnecessary scrollbar, here is a screen http://img116.imageshack.us/img116/2429/inlinetb0.gif the other question is how can i style the border of inline images? thanks.

Comments

  • Options
    Ah, I think that happens if you have a roll-over border or images with padding. You need to increase the padding slightly on the parent div that surrounds the images. I think overflow:hidden; will probably also suppress the scrollbars.
    I haven't got my test install on the machine I'm writing from so I can't test for sure. Likewise I can only hazard a guess at the exact CSS you need for styling the image borders, but it will be something like this for a rollover:

    .CommentBody a img {
    border:2px solid #fff;
    }
    .CommentBody a:hover img {
    border:2px solid #c30;
    }

    If you have the firebug extension on firefox, you can use it to track down the exact CSS structure using the "inspect" function. Click on the item and it will show you the DOM location of the item for CSS and the styles currently already affecting it.
  • Options
    edited March 2007
    ohh fixed it :) thanks very much but i didnt understand the styling border part. where will i put these changes?
This discussion has been closed.