Top Navigation not properly spaced

4 posts from 3 voices

• Started 2 years ago by StotleD
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   StotleD
   Member

   Greetings,

   I have noticed that the spacing between the links in my navigation header are unevenly spaced. I looked at the CSS and did not see any margin or padding issues. Please assist.

   Here is the site: http://www.core4innovative.com

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hey,
   open up style.css and search for following code:
   

   .nav li a{
   display:block;
   float:left;
   padding:6px 5px; /*padding was modified from 6px 10px*/
   width:70px;     /*width was modified from 100px*/
   border: none;
   text-decoration: none;
   line-height: 18px;
   outline: none;
   }

   Remove the width attribute and adjust the margin/padding between the menu items as you like.

   Posted 2 years ago #
3. 

   pictureme2
   Member

   This is interesting. Did it work? i will try this as well! thank God i searched for this before starting a new post.

   Posted 2 years ago #
4. 

   Dude
   Dude

   Yes it should work. In your case the code in style.css looks like:
   

   #top .nav a{
   display:block;
   float:left;
   line-height:18px;
   outline:medium none;
   padding:2px 10px;
   text-decoration:none;
   width:95px;
   min-height: 35px;
   }

   Remove the width attribute and adjust the margin/padding between the menu items as you like.

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.