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

navigation too short

Hi!

The bottom navigation bar on this page is not going all the way to the right border.
http://www.orlando-web-hosting.net/
Any specific corrections to the rule(s) below would be appreciated.

.botnav{
background: #14C9C3;
float: left;
padding: 0;
width: 100% !important;
}
.botnavbackground{
background-color:#14C9C3;
height:22px;
}
ul.bottommenu{
list-style-type: none;
margin:0px 0px 0px -40px;
position:relative;
}
ul.bottommenu li{
background: #14C9C3 !important;
width:166px;
text-align:center;
font-weight:700;
float:left;
display:inline;
}
ul.bottommenu li a{
height:20px;
text-align:center;
display:block;
font:bold 15px verdana, sans-serif;
color:white;
border-right:1px solid #016394;
text-decoration:none;
padding:4px 6px;
}
ul.bottommenu li a:hover{
font:bold 15px verdana, sans-serif;
color:black;
text-decoration:none;
}
ul.bottommenu li.last a{
border-right:none;      
padding-left:9px;                  
0
TrueBlue
Asked:
TrueBlue
  • 2
1 Solution
 
jonahzonaCommented:
It seems like some of the styles that you have listed above are not being applied on the listed page, specifically the .botnav class.

Are you sure that these are in the css for this page?

I added the CSS from the .botnav class you listed inline with the botnav div and it worked fine.
0
 
jonahzonaCommented:
Found the problem.

Right after the .leftNavBackground class you closed the comment twice (*/)

I bet if you erase one it will reinstate the css from .botnav.

Let me know if it works.
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

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