Skip navigation
DeonH
DeonH
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

402 Views   6 Replies   Latest reply: DeonH, Apr 23, 2012 12:46 AM
 
Replies
  • Sudarshan Thiagarajan
    3,738 posts
    Oct 15, 2010
    Currently Being Moderated
    1. Sudarshan Thiagarajan,
    Apr 23, 2012 12:20 AM   in reply to DeonH
    Report

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

     

    At the least, your current code?

     
    |
    Mark as:
  • DeonH
    Currently Being Moderated
    2. DeonH,
    Apr 23, 2012 12:33 AM   in reply to DeonH
    Report

    Hi and thank you for your reply. Below is an example of what I mean. thank you very much for your effort and time.

     

    Deon

     

    dhp_layout.jpg

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

    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:
  • DeonH
    Currently Being Moderated
    4. DeonH,
    Apr 23, 2012 12:41 AM   in reply to Sudarshan Thiagarajan
    Report

    Excellent, thank you very much. I will do as you have suggested and check it out. I will let you know the outcome. I still not correct, I will also post my code.

    Deon

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,738 posts
    Oct 15, 2010
    Currently Being Moderated
    5. Sudarshan Thiagarajan,
    Apr 23, 2012 12:44 AM   in reply to DeonH
    Report

    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:
  • DeonH
    Currently Being Moderated
    6. DeonH,
    Apr 23, 2012 12:46 AM   in reply to Sudarshan Thiagarajan
    Report

    And I was just wondering about the height. No problem.

     
    |
    Mark as:
Actions

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