I have a sort of general question about placing a spry menu bar on my page. I have a banner across the top and would like my links to show up in the blue line going across the page - half the links on the left side of the logo, and the rest of the links on the other side of the logo. What is the best way to do this? Right now, my banner is one complete image. Should I do the image as a background? If so, how do I get the menu bar placed in the correct spot over the blue line? Should I just insert it as an image - but then how do I get the spry menu bar placed correctly on top of it in the blue line? How do I correctly get the 1/2 the links on one side and the other half on the other side? - should it be two menu bars? Thanks in advance - pretty new at this and am unsure of positioning things....Here's a link to the page that I am referring to: www.thepieplace.net/pphometest.html
This is a little ambitious, but it is doable with CSS floats. You'll need 2 menus. One floated left, one floated right and your logo image in the middle.
Floats & Margins tutorial:
More on floats:
I was able to do this by creating a table and putting the images and menu
bars in different cells. Do you foresee a problem by doing it this way as
far as display issues with certain browsers or display settings?
Also, do you have any idea why I keep running into problems with space
between my banner image and the sidebar and main content sections? It looks
correct in design mode, but when I look at it in a browser, I see big breaks
where I can see the green background...
Thanks so much for your help!