Can't get image line up with Nav bar

Discussion in 'Web Design and Development' started by Dhelsdon, Nov 24, 2011.

  1. Dhelsdon macrumors 65816

    Dhelsdon

    Joined:
    Feb 5, 2010
    Location:
    Canadian Eh!
    #1
    Hi,

    I am building a website for my friend, and I cannot get an image to sit beside the navigation bar properly. The website can be found here. I am trying to place the image directly beside the tab for Privacy Policy.

    Any time I try to line it up, it either gets bumped approx 10-15px below the header or to the next line down. I have a feeling it's due to the way the styles are set up. All the css styles are embedded so it shouldn't be too tough to replicate.

    I've tried to get the image as close to the proper position as it will currently allow.

    Any help is greatly appreciated!
     
  2. phantax macrumors member

    Joined:
    Feb 2, 2009
    #2
    Without digging into the CSS too much, I would just set the background-image of #nav to be your image and have it repeat.
     
  3. Dhelsdon thread starter macrumors 65816

    Dhelsdon

    Joined:
    Feb 5, 2010
    Location:
    Canadian Eh!
    #3
    No luck, it gets 'overwritten' by the nav bar. Any other ideas?
     
  4. Dolorian macrumors 65816

    Dolorian

    Joined:
    Apr 25, 2007
    #4
    Use:

    #nav { background: url(./pro_drop_1/blank2.gif) repeat-x; }

    And delete the inline image you have now. It should look like this then:

    [​IMG]
     
  5. Dhelsdon, Nov 25, 2011
    Last edited: Nov 25, 2011

    Dhelsdon thread starter macrumors 65816

    Dhelsdon

    Joined:
    Feb 5, 2010
    Location:
    Canadian Eh!
    #5
    Perfect thanks!

    That worked great, now I just need to get rid of that extra 15px padding on the righthand side!

    [​IMG]

    Anyone know of something I could use in css to ignore other divs or something that would fit it properly
     

Share This Page