SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Basic Style Error

    3ZpBy.png

    If you look at that attached picture, you'll see that the navigation, some items sit higher than the other items. The items that sit higher are the ones that just have an <li><a href="#"> tag attached to them, and do not do a dropdown. Just wondering the easiest way to get them to all be in the same line, all lined up together perfectly.

    Here is the CSS:

    Code:
    #navbar {
    	margin: 0;
    	padding: 0;
    	height: 1em;
    	text-align: center;
    	display: inline-block;
    	list-style-type: none;
    }
    
    #navbar li {
    	list-style: none;
    	float: left;
    }
    
    #navbar li a {
    	display: block;
    	padding: 3px 8px;
    	margin: 0 auto;
    	background-color: none;
    	color: none;
    	text-decoration: none;
    }
    
    #navbar li ul {
    	display: none;
    	width: 10em;
    	background-color: none;
    }
    I tried different things with the #navbar li a section, but nothing I try works.

    Thanks in advance!

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,511
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Hi boboreo,

    I copied your CSS to a blank page and am unable to replicate the problem.

    If you would be kind enough to read these guidelines http://www.sitepoint.com/forums/show...Posting-Basics and post a working page that demonstrates the problem, I feel sure we will be able to help.

    Cheers.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •