Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 212
  • 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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

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