This content has been marked as final.
Show 2 replies
-
1. Re: Placing a spry menu over the image in header?
Ben Pleysier Oct 31, 2010 4:57 PM (in response to INTYME1985)Apply the image as a background image to <section> and have two divs following normal document flow called <header> and <nav>
The html will look like
<section id="pageHeader">
<header> .... </header>
<nav> ... </nav>
</section>
The style rules look like
#pageHeader { background: YOUR IMAGE; }
#pageHeader header { height: YOUR HEIGHT; }
#pageHeader nav { width: YOUR WIDTH; height: YOUR HEIGHT; margin-right: YOUR MARGIN; float: right }
The main menu items will have transparent backgrounds to allow the background image to show through
-
2. Re: Placing a spry menu over the image in header?
INTYME1985 Nov 3, 2010 2:21 PM (in response to Ben Pleysier)Thank you VW,
I moved the image to a background image and it worked fine.




