Gap between images in firefox

Sorry, more info: I'm using Bluemarine as my theme, and there's an attachment in the original post showing the issue. It appears to be a border-bottom kind of issue.

Hiya! Sorry for the delay in replying, for some reason I didn't receive an email telling me there were new issues posted... Don't know why!

Your problem is undoubtedly one of theming/ CSS... It's hard for me to tell you what to change though as I don't have a proper Drupal 5.x site up and running, but well... Take a look in themes/bluemarine/style.css AND misc/drupal.css and don't forget to check for padding in #sidebar-left/right (I guess .block as well?)

Messy business theming ;o)

Pobster

Adding this .css to your style.css might help:

.block-imagemenu .content tr.odd td {
padding: 0px;
line-height: 0px;
}

.block-imagemenu .content table tr.odd{
border: none;
}

.block-imagemenu .content table tbody{
border: none;
}

So I added this code to the .css doc in the garland folder, and it worked for every other image. take a look at www.indurocycling.com for example. Any suggestions getting the even menu items to be "borderless"?

Ok, nevermind. I figured it out (with my public school education!) I just copied the css lines that had the word "odd" and pasted them with the word "even" replacing the "odd". Duh. Thanks anyways!

I do have one more question: I changed the size of my image files for the menu because I felt that they were too large, but after I did that, it seems that the Imagemenu block "background" (which is white) extends past the images on the right side, to the distance of the original image size, which makes for a sloppy presentation. Any ideas on how to "trim" the background to the size of the image file?

www.indurocycling.com - for example.

Thanks!

I have no idea... Even though I wrote this module, css is completely my weak point... But anyways, here goes!

Try editing themes/garland/style.css and experiment changing the tr/ td elements. I'm thinking it's likely the background colours you'd need to change. I have no idea why your table is larger than your images though... Absolutely no idea...

Pobster

Check out:
http://codingforums.com/archive/index.php?t-113479.html
as well as http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

---> In the strict html-mode firefox assumes the pictures to be in a text paragraph

the solution will be kind of :
td img {
display:block;
}

So.. .it's not a bug... it's a feature ;-)

I hope this helps.

Hi,

Im having a similar problem with white space around the images - is this back to a CSS setting again?? if so; any pointers to the code to alter??

As you can see on the screen dump I added this code to my CSS file from post#3 and the images are now alternately offset and the padding is left and below. Before the addition of the extra code the padding was equal all round each image....

cheers
Craig

Hi!

Any help to a total noob?
Where do i paste the code exactly? I tried pasting it in the theme/style.css file - nothing happened. I put it in the imagemenu/imagemenu.css file - nothing happened!
So my Menuitems are still gaps appart and even more anoying, the whole structure is set out of place to the right.
And even worse - not only in Firefox, but IE as well.
Thank you for help!

Greetz

I fixed this by adding the following to my css:

When I fixed it in firefox, it was a mess in IE...
My solution: