Solved

How do I modify width of navigation buttons

Posted on 2011-03-25
9
203 Views
Last Modified: 2012-06-21
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
Comment
Question by:nsitedesigns
  • 5
  • 3
9 Comments
 

Author Comment

by:nsitedesigns
ID: 35216160
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
 

Author Comment

by:nsitedesigns
ID: 35216176
Ugh screw it.  I took out the yellow background it was getting to hard to work the problem.
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35216221
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
 

Author Comment

by:nsitedesigns
ID: 35216281
Are you giving me options or should I put in all the "or" statements?
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 40

Assisted Solution

by:gurvinder372
gurvinder372 earned 100 total points
ID: 35216288
i am giving options. please try them
0
 

Author Comment

by:nsitedesigns
ID: 35216378
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35220942
can you post a screen shot of how you want it to look in the end?
0
 
LVL 16

Accepted Solution

by:
JF0 earned 400 total points
ID: 35232946
How about just removing the width from this style?

#nav li {
    float: left;
    padding: 0;
    width: 8em;
}
0
 

Author Comment

by:nsitedesigns
ID: 35319343
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Centering a nested div 16 57
If-Then-Else ASP problem 6 47
Form Processing in PHP 11 30
app server have enough resources... 2 23
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn how to dynamically set the form action using jQuery.

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now