The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Navigation Bar Problem

2 posters

Go down

Navigation Bar Problem Empty Navigation Bar Problem

Post by Kaizer Lee February 13th 2013, 11:22 am

I have a minor problem concerning my navigation bar. I'd like to install the Tool Bar but when I tried adjusting the navigation bar with CSS, it ends up following each user.

Code:
#upwardBar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 40px;
  z-index: 999;
  width: auto;
  height: 0px;
  background: #383838;
  color: #fff;
}

That's the current CSS. It's on top and fixed and follows but members don't have a problem with that and as I stated, I'd like to add the tool bar so that's a problem.

My request is for that thing to stick to the position of the normal navigation tool bar which is located after the logo.

Here's the CSS code I used which solved the position problem BUT didn't solve the fact it follows members:

Code:
#upwardBar {
  position: fixed;
  top: 400px;
  left: 40px;
  z-index: 999;
  width: auto;
  height: 0px;
  background: #383838;
  color: #fff;
}

Screenshot below represents what I want to happen:

Navigation Bar Problem UUHEeG8

Forum URL: http://www.medievalchaos.net/forum
Username: Hotty
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Navigation Bar Problem Empty Re: Navigation Bar Problem

Post by Kaizer Lee February 13th 2013, 1:37 pm

It made the whole thing disappear.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Navigation Bar Problem Empty Re: Navigation Bar Problem

Post by runawayhorses February 13th 2013, 2:21 pm

Make a new rule with this code, it will make room for the toolbar. Just add this entire code above your other upwardBar code:

Code:
#upwardBar {
margin-top: 30px;
}
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Navigation Bar Problem Empty Re: Navigation Bar Problem

Post by Kaizer Lee February 14th 2013, 1:35 pm

Cause the last navigation bar stinks.

Btw, that made the problem worse :/
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Navigation Bar Problem Empty Re: Navigation Bar Problem

Post by runawayhorses February 14th 2013, 1:48 pm

The one you have now doesn't smell like a dozen roses. rideem is hitting on the right track, if you use the default selectors i.e. (#i_icon_mini_portal) the navbar will be placed where you want it to be automatically, and it will not "following each user" as you put it, and there will be plenty of room for the toolbar you want. All your problems will be solved with this issue by getting rid of that 'not so good smelling' navigation bar you have now and using the default navigation bar placement by using the selectors.

You are overworking the problem by creating new problems with that selector, when the answer is staring you in the face with the default selectors.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Navigation Bar Problem Empty Re: Navigation Bar Problem

Post by Kaizer Lee February 14th 2013, 2:18 pm

The reason why I removed it was because it was a problem to begin with. Anyway, found another solution to this. You can either garbage or lock this now.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum