Strange padding with subimages

[denyo256]

Hi,

I actually using the list based menu on a new website, but I have some issues with styling the menu. I'm using a combination of CSS and menu properties, this works fine besides one problem.

All items with the submenuimage are higher than those without. Also the submenus do have some kind of border which I don't want that way.

You can take a look on http://78.46.80.146/cms_test/index.php?id=50

I hope you can help me quick, the project is due the next days.

Regards,
Daniel

[Ruth]

Hi Daniel,

It's something in the content.css file. I've narrowed it down to that file, but am still working on trying to find out what is doing it.

Ruth

[denyo256]

It seems that the following lines are causing the padding:

Code: Select all

table {width:auto; border-collapse:collapse; margin-bottom:0.5em;}
th,td {padding:0.5em;}

I changed it to

Code: Select all

table {width:auto; border-collapse:collapse; }
th,td {padding:2px 6px; }

and now we are a little closer to perfect

[Ruth]

Glad you found it, and thanks for posting the information. There are 3 generic css codes that we usually check once we narrow it to a css issue, just for your information. Table and the related parts, padding and margin.

Ruth

[denyo256]

Unfortunately, the submenus still have some padding I don't want ... I hope we can find out, where this one comes from

[Ruth]

What padding don't you want? I'm not seeing the issue so could you point out the place it occurs?

Ruth

[denyo256]

In the submenus, there is some kind of border while hovering overing the items. I declared a 1px border in black, this one is more than 1px an not black.

[Ruth]

You'll have to specify a browser [which I won't have, lol] since I cannot see that problem in any browser I tried, IE6, NN7, NN9, Opera 9, Safari 3 for PC, FF 1.5, 2.0.0.18, 3 and I see no border when I hover over any item, I only see the background change to white for the item, not even that black border you said you have set.

Ruth