Hard time with menus...

escaflowne11 · #1 Sep 17th, 2006, 18:43

I have been reading up on the subject for days now, and I cant figure it out... Maybe I just need it explained in my own thread...

I am attempting to create a horizontal navigation that uses text as the links, and has a background image that appears like tabs behind the text. I have the layout set up, but this navigation stuff is giving me the hardest time...

Heres an example of my current page

Heres the CSS for that page

Now on top of that, it seems that the background image isnt showing up... It works when its local on my PC, but not uploaded. Whats up with that to?

ukgeoff · #2 Sep 17th, 2006, 18:53

Had a look at your page but there is nothing to see nav wise at the moment.

Suggest you have a look at the tutorial available via the sticky thread at the top of this forum.

When you have the basics sorted, come back for help if you need to.

escaflowne11 · #3 Sep 17th, 2006, 19:12

Thats because thats what I am having a hard time with! I read all kinds of tutorials, and I have had my hands on CSS for a while now. Cant say I am great, but I am wondering how I would pull off this specific task.

There is no navigation there yet, but I want it to be in the 2 thin boxes in my layout. Whats the best way to approach this?

ukgeoff · #4 Sep 17th, 2006, 21:32

Work through the tutorial I pointed you too then you will understand all the basics of producing css driven vertical and horizontal menus.

And questions ask - I wrote the tutorial.

escaflowne11 · #5 Sep 18th, 2006, 05:10

Alright, if I have any problems concerning your tutorial, then I will reply so here. Thanks for writing it and pointing it to me.

Powderhound · #6 Sep 22nd, 2006, 11:37

My mate's site has a menu that fits your description

see here http://www.whichacho.tk/

escaflowne11 · #7 Sep 22nd, 2006, 13:07

Thats sort of what that other tutorial was talking about, except this one uses it inside of a frame. Thanks for showing me that though, I needed to see an example close to my discription. That tutorial mentioned above really helps though.

moojoo · #8 Sep 22nd, 2006, 13:34

The answer to all questions lies within http://www.alistapart.com/articles/dropdowns/

escaflowne11 · #9 Sep 26th, 2006, 13:59

Alright guys! I finally wrote my own menu with the help of Ukgeoff's tutorial! (thanks so much!)

Heres the link to my new menu driven page
and...
Heres the link to its CSS

Now I have a few questions. I am pretty sure I can cusomize an image into the background, so I wont worry about that yet. My concern is if you look at item 7, to the right of it is a gap. I want to either eliminate the gaps in the menus, or I would like to center the menu in my .nav divs. (same space to the left of item1 as to the right of item7)
I would also like to be able to center the text within the 'li' values.
I know its a kinda newbie question, but thats what I am!

Note that I know that all of the links on the page dont work. They dont have a location specified yet!

Thanks for all the help, I will get back much later today, gotta go to college!

ukgeoff · #10 Sep 26th, 2006, 14:20

Personally I wouldn't centre the text in the menu items or worry about centring the whole menu strip.

People expect horizontal menus to run from left to right and a space on the right-hand side is perfectly acceptable.

With your menu items, if you pad the links equally left and right, then they will space themselves according to the length of the link text and will look just fine.

escaflowne11 · #11 Sep 27th, 2006, 05:10

I dont understand, im sorry... I tried to pad the links left and right, and nothing happened. I put the code in the

div#bnav ul

and it didnt affect anything. Does it really look fine just having it off to the side like that with a centered layout? I personally wish it would be centered, or would streatch all the way out to the ends of navigations divs...

ukgeoff · #12 Sep 27th, 2006, 10:55

You are putting the padding in the wrong place. Have a look back through the tutorial's css code. If you really can't find the answer, get in touch.

Trust me about the navigation. Remember that when you put real link text in there, each link is going to be a different length anyway. You are not judging the finished product.

escaflowne11 · #13 Sep 27th, 2006, 13:02

alright. Ill agree. Ill post back if I cant find the answer.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Hard Disk Care	Monie	Webforumz Cafe	21	Aug 26th, 2007 01:41
Adjusting time from server time to local time	Tim356	Classic ASP	10	Jun 21st, 2004 14:57

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Hard time with menus...