Skip navigation
Currently Being Moderated

Please: need navigation div with see through background

Apr 23, 2012 12:17 AM

Hi all and thank you for your help.

 

My website has three main parts:

- header

- horisontal navigation

- content

 

I want the space between header and navigation and navigation and content to be 100% transparant with no background colour. I want the background image to be seen between these 3 blocks. How do I accomplish this?

 

Regards,

Deon

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 12:20 AM   in reply to DeonH

    Do you have a screenshot/ active page link you could share with us?

     

    At the least, your current code?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 12:39 AM   in reply to DeonH

    Have you already made HTML/ CSS for this or is it only a Photoshop design you've done?

     

    You need to use multiple DIVs.

     

    The main body div can have the background image in it

    Start with a Wrapper with a fixed height after this

    Put your Header in a new div inside the wrapper

    Put your menu in a new div below the header div, inside the wrapper

    Put your main content in a new div below the menu div, inside the wrapper

    Close the wrapper

     

    You're done.

     

    You should offset the margin-top parameter for menu and main content divs by about 10-20px to achieve the design you've posted.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 12:44 AM   in reply to DeonH

    In my previous post, I meant 'fixed width', not height! Sorry about the typo.

     

    Good luck with your code. Let us know how it comes out.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points