Hi Dazzer,
I know you are a bit nervous right now but you probably forgot to include your menu. 🙂
Can you add a link so that I can see it?
Sorry – wrong URL. Trying again…
I don’t see the problem, why the web guy says it can’t be done?
To me, it doesn’t seem anything overly complicated, I’m sure that with some custom CSS it can be done
Giulio
Thank you for your reply. I want to go back armed to the teeth with ammo I need to sort this out with him, so (very sorry to badger you!):
I’m aiming to supply the guy with a jpeg or png file for each menu item, including the roll downs; so the main menu will be a row of images across, the roll down will be several images stacked above each other. Each item would be a roll over so those will be similarly styled jpegs/pngs as well. What level of css will be needed to do that and how simple, do you think? I don’t know anything about coding (I can put words and pictures together and that’s just about it) – but if I have to go back to the client and say “You know that nice design you like? Can’t be done!”, I’m going to look a right idiot!!
Thanks
Here’s a quick mockup I did: http://jsfiddle.net/wb7GP/5/. There are some notes about it in the fiddle itself. This doesn’t scale well to tablet or mobile screens, but perhaps it would be better to not use this technique on a tablet or smartphone anyway, because the hover behavior doesn’t really work all that well on a touchscreen device.
Styling this menu involves basically three commands: a font color, borders and a gradient from white to green.
There’s more of course, it’s not so simple but it’s something that any front end developer must be able to handle.
However, it’s not so simple even for you. Giving just that menu is not enough.
Go for example to this website that I’ve made recently. Look at the browser full size, and then reduce the window until the mobile menu triggers on. You’ll see that the mobile menu is totally different from the desktop menu. It doesn’t have to but in a mobile era you must also provide the design for the mobile version, not only the desktop version.
