Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Image Map Spacing Problems in CSS

    I am working on a website and the navigation menu at the top was sliced in Photoshop. For some reason, when I add the HTML code to my pages it creates weird spacing between the images. If I add it to a blank page that doesn't use the CSS code then the spacing does not happen. Can someone please tell me what the issue is?

    The navigation bar with spacing issues is here:
    http://www.clayedwardspr.com/test/clients.html

    As you can see here, there is no spacing issue:
    http://www.clayedwardspr.com/test/banner.html

    CSS Code can be found here
    http://www.clayedwardspr.com/test/images/styles.css

    Thank you very much in advance for any help that you can give me, I really appreciate it!

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by allaccessent View Post
    I am working on a website and the navigation menu at the top was sliced in Photoshop. For some reason, when I add the HTML code to my pages it creates weird spacing between the images. If I add it to a blank page that doesn't use the CSS code then the spacing does not happen. Can someone please tell me what the issue is?

    The navigation bar with spacing issues is here:
    http://www.clayedwardspr.com/test/clients.html

    As you can see here, there is no spacing issue:
    http://www.clayedwardspr.com/test/banner.html

    CSS Code can be found here
    http://www.clayedwardspr.com/test/images/styles.css

    Thank you very much in advance for any help that you can give me, I really appreciate it!
    you have invalid markup:

    http://validator.w3.org/check?verbos...2Fclients.html

    put a doctype and try to fix it, then validate css, most of the problems usualy come from this two things.

    best regards

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I dont understand what you mean by a doctype? I'm really new to css and can't figure out what the problem is.

  • #4
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by allaccessent View Post
    I dont understand what you mean by a doctype? I'm really new to css and can't figure out what the problem is.
    no problem is simple:

    http://validator.w3.org/docs/help.html#faq-doctype

    this:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    is the doctype, it help the browser to identify what version of (x)html you use.
    this is a list with recommended doctypes:

    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    and this explain how to chose one:

    http://www.htmlhelp.com/tools/validator/doctype.html

    best regards

  • Users who have thanked oesxyl for this post:

    allaccessent (04-06-2011)

  • #5
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I figured out the issue. Does this look good on your end?

    http://clayedwardspr.com/test/clients.html

    Thanks so much!!!!

  • #6
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by allaccessent View Post
    I figured out the issue. Does this look good on your end?

    http://clayedwardspr.com/test/clients.html

    Thanks so much!!!!
    you are welcome, yes, looks good.

    best regards


  •  

    Posting Permissions

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