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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Firefox moving my buttons

    Hi. This is my first website. I need help.

    When I look at the site in internet explorer only thing wrong is that the last button on the top navigation bar is shifting to a second row.

    http://www.mooneyarch.com


    When I look at the site in firefox, almost all the buttons on my map are moved off to the right side They are supposed to match up with the background image. I used margins and absolute positioning to align them.

    http://mooneyarch.com/map.php

    http://mooneyarch.com/map/minnetonka.php

    If anyone knows whats going on I would really appreciate your advice. Thanks.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,096
    Thanks
    23
    Thanked 594 Times in 593 Posts
    First thing we do when site does not work in cross browsers is validate:
    http://validator.w3.org/

    Your site has 34 Errors, 22 warning(s) that should be corrected before moving on.

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Checked it out. But I'm not sure what any of the validator errors mean. It is almost all stuff about defining entities in the javascript for my slideshow widget. I didn't write this code it just came with the adobe spry widget.

    I used the html tidy site too and repasted the code and it screwed everything up.

    The problem I'm having is something that can be fixed without this validator.

    Please tell me how to fix the positioning of my images. Thanks.

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    lot of errors on the page, but I would suggest floating the <a>s to the left to eliminate any white-space.

    Code:
    a { float: left; }
    http://www.w3schools.com/css/css_navbar.asp
    take a look at the "horizontal nav bar" section. you should try to use an <ul> for the nav bar


  •  

    Tags for this Thread

    Posting Permissions

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