Log in

View Full Version : Menu Help



rebelight
05-19-2009, 04:31 PM
Hello! I'm new to the forums and new to web design as well. I don't have any professional training and really just learned the bare minimum through trial and error b/c I started my own business and needed to create a website on the cheap. That being said, I know I have some mistakes in my code but I'm hoping someone can help with my horizontal menu!

I want a fairly simple horizontal menu and have tried several different ones that I found online. Ideally I would like one that spans the full width of my layout (on all browsers) no matter how many links I add. The one I'm using now seems to work the best out of all the ones I've tried, but in Firefox and IE it doesn't go all the way to the edge of my layout. It does in Safari and I haven't tried in any other browsers. I'm pretty flexible about the names of the links and have tried adding an extra one or changing the length slightly to make it fit in Firefox and IE, but if I do that, it wraps in Safari! I have searched everywhere for a solution but I can't seem to find something that will work.

I appreciate any help you pros can provide!!! If you need more info please let me know!

*Update: I found this that worked perfectly: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support.

forum_amnesiac
05-19-2009, 04:57 PM
The first thing you need to do is to validate your code, this is a useful link http://validator.w3.org/.

My validator stopped reporting the errors after the first 20 or so.

Errors in your code can be interpreted differently by each browser and can therefore produce unexpected results.

rebelight
05-20-2009, 06:13 PM
Thanks for your reply...I actually tried using the W3 Validator but I wasn't sure what a lot of it meant and I couldn't find a lot of the problems it listed. I use a website management system and have a template that sets the overall look for the site and then I add each page separately so I'm not sure if that's why I couldn't find the problems or what??

My main problem is finding out if there is a way to create a simple horizontal menu that goes the entire width of my layout in all the different browsers. I would really appreciate any advice as to why my menu goes all the way across in some browsers and not others.

Thanks!!