Text menu moving while loading? help needed here

Discussion in 'Web Design and Development' started by weenterbear, Jan 27, 2012.

  1. weenterbear macrumors newbie

    Joined:
    Jan 27, 2012
    #1
    http://www.rtbdesignservices.com/mcguire.html

    The text based menu appears at the very top of the page while loading, then it goes to its designated position. It seems to happen only for the first time to load the web page, but I'd like to know what went wrong. Could someone please help me find out? Thank you in advance.
     
  2. Apple Key macrumors 6502a

    Apple Key

    Joined:
    Jan 4, 2012
    #2
    I'm not entirely sure why it's happening. The negative positioning on the #menu and #link is odd. I would recommend using two divs - one float: left and one float: right (or two that are display: inline-block).

    But, my best guess is because the images under #menu haven't been downloaded from the server yet and the image widths and heights weren't explicitly defined. Try defining the width and height as so:

    <img src="img/projects.png" width="70" height="20" alt="RTB design">
     
  3. weenterbear thread starter macrumors newbie

    Joined:
    Jan 27, 2012
    #3
    Thanks for your suggestion.
    Defining the image size didn't help. The dislocation still occurs (sometimes, not).

    Maybe I have to try something about the divs as you mentioned.
     
  4. weenterbear thread starter macrumors newbie

    Joined:
    Jan 27, 2012
    #4
    I should thank you, Apple Key. I found other IDs whose width and height weren't set and defined them. It worked.
     
  5. Apple Key macrumors 6502a

    Apple Key

    Joined:
    Jan 4, 2012
    #5
    No problem! Yeah, it seems to be fixed for me in Safari.
     
  6. yuranga macrumors newbie

    Joined:
    Jan 27, 2012
    Location:
    Australia
    #6
    The text based menu appears at the very top of the page while loading, then it goes to its designated position.
    Also you can check it in safari also.
     

Share This Page