SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Location
    London
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry Spaces in Menubar

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

    Thanks
    Help, what do I do next

  2. #2
    Pointiest Petitions carrotflowers's Avatar
    Join Date
    Jul 2003
    Location
    Suburbs of DC (MD)
    Posts
    595
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could you post a link or some sort of example of what you're talking about? What spaces etc etc...

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Location
    London
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by furryyuri
    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!
    Help, what do I do next

  4. #4
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Location
    London
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Flappy Chicken
    Thanks Furryyuri see attached - hopefully!
    Try again!
    Help, what do I do next

  5. #5
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Location
    London
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Flappy Chicken
    Try again!
    Again!
    Attached Files Attached Files
    Help, what do I do next

  6. #6
    Pointiest Petitions carrotflowers's Avatar
    Join Date
    Jul 2003
    Location
    Suburbs of DC (MD)
    Posts
    595
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to wait for a mod to approve the attachment before it will show...it should not take long.

  7. #7
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Location
    London
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by furryyuri
    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?
    Help, what do I do next

  8. #8
    SitePoint Zealot
    Join Date
    Jan 2004
    Location
    Holland
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Code?

    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).
    Regards,
    Ronald.

  9. #9
    Pointiest Petitions carrotflowers's Avatar
    Join Date
    Jul 2003
    Location
    Suburbs of DC (MD)
    Posts
    595
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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:
    Quote Originally Posted by 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!


  10. #10
    Pointiest Petitions carrotflowers's Avatar
    Join Date
    Jul 2003
    Location
    Suburbs of DC (MD)
    Posts
    595
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Flappy Chicken
    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.)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •