inline images firefox scrollbar issue

abramelin

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.

jakob_r

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.

abramelin

ohh fixed it :) thanks very much but i didnt understand the styling border part. where will i put these changes?