Spaces in Menubar

[Flappy Chicken]

How do I get rid of the spaces in menubar and links i.e. what .css code do I need to add?

Thanks

[carrotflowers]

Could you post a link or some sort of example of what you're talking about? What spaces etc etc...

[Flappy Chicken]

Could you post a link or some sort of example of what you're talking about? What spaces etc etc...

Thanks Furryyuri see attached - hopefully!

[Flappy Chicken]

Thanks Furryyuri see attached - hopefully!

Try again!

[Flappy Chicken]

Try again!

Again!

[carrotflowers]

You need to wait for a mod to approve the attachment before it will show...it should not take long.

[Flappy Chicken]

You need to wait for a mod to approve the attachment before it will show...it should not take long.

I did receive this from another source:

"What does
make a difference is if you've forgotten the conditional comments
(containing IE fixes) or if the link tag for your style sheet comes
after the conditional comments."

What does this mean? Where do I find the conditional comments
(containing IE fixes)?

Then the link tag, is that where I link to my main Page?

[ronaldb66]

Without seeing the actual code it'll remain a guess, but IE has a bug where whitespace or line breaks in the source code in between closing and opening tags causes unexplained gaps in lists and tables.
If the page in question is online somewhere, a link would be great; otherwise, if no too bulky, you could post or attach the code (seeing the page in an actual browser though usually works the best).

[carrotflowers]

Yes, I too was about to suggest you show the problematic code--without seeing the specifics, it's difficult for us to know what is causing the problem.

However looking at your screenshot, I'm guessing that it is like the problem I had awhile ago where I had a vertical menu like yours created with a list. I had extra spaces between the images. The may I got rid of it was, I had my menu in a div called menu. I added:

.menu img {
display: block;
}

For good measure I did the old margin:0; padding:0 to the menu div.

Here is an explanation of why that worked from SP CSS guru Paul O'B:

Hi,

Images are inline elements and are treated by some browsers as text and that means they are placed on the baseline which allows room for a descender below the text e.g. yg. This is the space you get below the image. (it does vary between browsers and mode)

Declaring the image to display:block treats the image as a block and not text and is then placed on the bottom of the line.

Sometimes the white space in the html can also influence this as mentioned above. The first thing to try is display:block and if that doesn't fully cure it then set about the whitespace with a big stick

Paul

And if that is not your problem, sorry for making you read this whole post!

[carrotflowers]

I did receive this from another source:

"What does
make a difference is if you've forgotten the conditional comments
(containing IE fixes) or if the link tag for your style sheet comes
after the conditional comments."

What does this mean? Where do I find the conditional comments
(containing IE fixes)?

Then the link tag, is that where I link to my main Page?

PS I don't know what they are talking about, but if you did not write any conditional comments then you won't find any! (assuming you wrote all the code.)