• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 165
  • Last Modified:

can't get navigation bar to appear

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.
0
TrueBlue
Asked:
TrueBlue
  • 6
  • 2
1 Solution
 
jonahzonaCommented:
Add this to your ul.bottom li @ line 169 of css

background: #14c9c3 !important;

done!
0
 
jonahzonaCommented:
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

0
 
TrueBlueAuthor Commented:
jonahzona,
I uploaded the correction. :)
Any idea how to fill the 4 pixel white space at the end of the bar?
TIA
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
jonahzonaCommented:
Working on it.
0
 
jonahzonaCommented:
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.
0
 
jonahzonaCommented:
Once you get that done, you can add this code

padding-left: 9px;

Open in new window


into the properties at line 195 to clean up the spacing.
0
 
TrueBlueAuthor 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.
0
 
jonahzonaCommented:
I would appreciate a separate question if possible. Already answered two on this one thread! :)
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 6
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now