We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

can't get navigation bar to appear

TrueBlue
TrueBlue asked
on
Medium Priority
182 Views
Last Modified: 2012-05-11
Hi!
I must have one of the rules wrong in the stylesheet for this page because the bottom navigation bar will not appear. http://www.orlando-web-hosting.net/
The buttons are working, but you can not see them until they are hovered over because the background navigation bar is invisible.
I have the color for the navigation bar specified in the rule botnavbackground
Any specific corrections as to how to make the bottom navigation bar visible would be appreciated.
Comment
Watch Question

Top Expert 2011

Commented:
Add this to your ul.bottom li @ line 169 of css

background: #14c9c3 !important;

done!
Top Expert 2011

Commented:
Just in case there is confusion, the entire syntax would be (as you have it with new property attached):

ul.bottommenu li {
  background: #14c9c3 !important;
  display: inline;
  float: left;
  font-weight: 700;
  text-align: center;
  width: 166px;
}

Open in new window

Author

Commented:
jonahzona,
I uploaded the correction. :)
Any idea how to fill the 4 pixel white space at the end of the bar?
TIA
Top Expert 2011

Commented:
Working on it.
Top Expert 2011

Commented:
Add the following code to line 157

.botnav {
  background: #14C9C3;
  float: left;
  padding: 0;
  width: 100% !important;
}

Open in new window


after this you may need to edit the padding for your ul.bottommenu li.last a element so it is centered correctly.
Top Expert 2011
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

Commented:
jonahzona,
Thanks.
I can ask this as a separate question, if needed.
Any idea why there is no white space between the bottom navigation bar and the copywrite text?
p.copyright{
padding:10px 10px 0px 10px;
margin:0px;
font-size:12px;
color:#000;
background-color:#FFF;
}
There should be 10 pixels.
Top Expert 2011

Commented:
I would appreciate a separate question if possible. Already answered two on this one thread! :)
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.