I'm putting together a site based of a PSD design, I've got the footer and the content done without a problem, but the header is bamboozling me. I wondered if anyone could give me any advice or help on how to style it.
Here's the page:
I've got the logo down using Fahner image replacement method, and I'm doing ok with the search box.
My first issue is the nav menu: As these are all different shapes I take it I just have to upload the seperate images for each one, I think this is going to be really inefficient though (the design has already been signed off). Is this the only way to do this or is there some possible cheat way that's better? (As I write this I realise there probably is not).
Secondly, the waves. The waves (that the children are standing on) will connect at each end meaning that this will be one image that will be repeated on the X-axis. Should this just be one large image and perhaps been laid out like so:
That is; Give the masthead div a defined height then just place the image in as a background, aligned to centre.
If this is the case I have one more question: The Welcome area. It is envisigned that this will be a hidden area and clicking it will reveal more. How can I get this so it is 'under' the waves? Positioning top -XXpx?
I look forward to hearing from you!
Thanks v. much. Jonno.