Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 210
  • Last Modified:

How do I modify width of navigation buttons

I am trying to modify the width of the buttons in my navigation bar.  I created a class and modified the width but it doesn't seem to be "taking".  I put a yellow background on it to identify the width setting for each button.  Yes, I know the image is resting over the navigation.  That is another issue I am wrestling with and it was posted on another question.  

Basically, in a nutshell, I need the navigation to sit to the right of the logo and I need it to be one line.

http://nsitedesigns.com/nsitedesigns/miller/7.html
0
nsitedesigns
Asked:
nsitedesigns
  • 5
  • 3
2 Solutions
 
nsitedesignsAuthor Commented:
You can also see a tan background when you mouse over the buttons.  It extends to the right of the yellow button because I can't figure out how to make it more narrow.
0
 
nsitedesignsAuthor Commented:
Ugh screw it.  I took out the yellow background it was getting to hard to work the problem.
0
 
Gurvinder Pal SinghCommented:
try changing line 71 to

width: 30em;
margin:0px; \\optional
or
width: auto;
padding:5px;
margin:0px; \\optional
or
min-width: 30em;
max-width: 70em;
margin:0px; \\optional
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
nsitedesignsAuthor Commented:
Are you giving me options or should I put in all the "or" statements?
0
 
Gurvinder Pal SinghCommented:
i am giving options. please try them
0
 
Gurvinder Pal SinghCommented:
can you post a screen shot of how you want it to look in the end?
0
 
JF0Commented:
How about just removing the width from this style?

#nav li {
    float: left;
    padding: 0;
    width: 8em;
}
0
 
nsitedesignsAuthor Commented:
Hi All,

Been dealing with an emergency for another client and haven't had time to look at all suggestions.  I hope to find time later this week.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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