Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Senior Member nsr81's Avatar
    Join Date
    Oct 2002
    Posts
    1,132
    Member #
    250
    Liked
    15 times
    Hi all,

    Please take a look at the following page:

    http://www.netdefiance.com/misc/nav.html

    I'm getting approximately 2px space between each navigation button. You can take a look at the source of the file to see the CSS code and HTML I'm using. After banging my head against a wall, I've decided to post it here. Please take a look and let me know what am I doing wrong?

    I've set the background-color for the ul element to #CCCCCC to visualize the spacing.

    Thanks.

    - nsr81
    There and Back Again :Ogre:

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    I think I ran into a similar problem like the one you're having. Unfortunately, I didnt' find a solution. When I look at your link in Mozilla, it looks really nice - a small, acceptable space between each nav button. When I open it in IE, there's a much bigger gap.

    Mozilla and IE just space things differently. In my portfolio (link in sig), I can't get that line that goes from the nav to the content outline to be complete in both broswers. Right now, that line is complete in IE. In Mozilla, there is a one pixel space. I was able to find code that made it work in Mozilla, it just wasn't the same code that made it work in IE.

  4. #3
    Senior Member nsr81's Avatar
    Join Date
    Oct 2002
    Posts
    1,132
    Member #
    250
    Liked
    15 times
    well in mozilla/FB there is no spacing, it's just a 1px white line and shows up as it should be. IE puts in extra space LOL I'm pretty sure sticking in a table will fix it, but I don't wanna go that way.
    There and Back Again :Ogre:

  5. #4
    Mon
    Mon is offline
    Junior Member Mon's Avatar
    Join Date
    Oct 2003
    Location
    Spain
    Posts
    6
    Member #
    3628
    Hi! I donīt sure that I understand your question, but I see the source of the page and you have this:

    (...)
    ul#sidebar li, ul#sidebar li a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 188px;
    (...)

    You can put the 2px in padding:

    (...)
    ul#sidebar li, ul#sidebar li a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    width: 188px;
    (...)


    Sorry by my english.
    Moni.

  6. #5
    Senior Member nsr81's Avatar
    Join Date
    Oct 2002
    Posts
    1,132
    Member #
    250
    Liked
    15 times
    actually I need to take [b]out[/out] unwanted space. But thanks anyway.
    There and Back Again :Ogre:

  7. #6
    Senior Member nsr81's Avatar
    Join Date
    Oct 2002
    Posts
    1,132
    Member #
    250
    Liked
    15 times
    well, I had to use negative value for the top margin.

    margin: -1px 0px 0px 0px;
    There and Back Again :Ogre:

  8. #7
    Mon
    Mon is offline
    Junior Member Mon's Avatar
    Join Date
    Oct 2003
    Location
    Spain
    Posts
    6
    Member #
    3628
    Oh! sorry! Iīm learning english...

    I have a Mac and whit Safari is ok, whit Mozilla and IE5 you have a grey space about 2px to the begining and the end of the buttons, but not between this (the other either).

    Mon

  9. #8
    Senior Member nsr81's Avatar
    Join Date
    Oct 2002
    Posts
    1,132
    Member #
    250
    Liked
    15 times
    Thanks for responding. I fixed it with negative margin as I indicated previously. The link that is in the first post was not updated, I just made the adjustment in the final version.
    There and Back Again :Ogre:


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:41 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com