php_begins Posted July 1, 2011 Share Posted July 1, 2011 Hi I was working on displaying horizontal elements with unordered list. I am able to display the elements properly. But the bullets won't show up. Any help would be really appreciated! Here is my code: .blogs-listing { background: white; padding: 0 8px 30px; position: relative; margin: 10px 0; } .blogs-listing ul { padding: 0; border: 0; overflow: hidden; margin: 0; } .blogs-listing a { display: block; font-size: 12px; color:#878787; font-family: Arial; font-weight:bold; } .blogs-listing ul li { margin:15px 0 15px 9px;overflow:hidden;text-align:center; width:120px; float: left; font-family: arial, sans-serif; font-size: 0.8em; color: #5c5c5c; display:inline-block; font-size: 12px; vertical-align:left; white-space:nowrap; } .blogs-search-box-wrapper { background: url('/images/box.png') no-repeat; height: 50px; position: relative; /*margin: 0px 0px 0px 10px;*/ top:15px; right:357px; } Quote Link to comment Share on other sites More sharing options...
sunfighter Posted July 1, 2011 Share Posted July 1, 2011 Remove display:inline-block; from .blogs-listing ul li Quote Link to comment Share on other sites More sharing options...
php_begins Posted July 1, 2011 Author Share Posted July 1, 2011 It still does not show the bullets. Also the li elements show up as block elements instead of inline when I remove the display option. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted July 1, 2011 Share Posted July 1, 2011 do you have some html with that. Right now a cause could be the following i see some overflow hidden being used and padding and margin set to 0, but if you can provide some html it will be much more useful. Online example would be even better. Quote Link to comment Share on other sites More sharing options...
sunfighter Posted July 2, 2011 Share Posted July 2, 2011 And what browser are you using? Quote Link to comment Share on other sites More sharing options...
php_begins Posted July 5, 2011 Author Share Posted July 5, 2011 Thank you for your replies. I cannot give access to that website as it is .htaccess protected. Here is my html code. it is pretty straight forward. <div class="blogs-listing"> <ul> <li><a href='sitename/'>Technical Article</a></li> <li><a href='sitename/'>Tutorial</a> </li> <li><a href='sitename/'>Field Report</a></li> <li><a href='sitename/'>Personal</a> </li> </ul> </div> </div> Quote Link to comment Share on other sites More sharing options...
php_begins Posted July 5, 2011 Author Share Posted July 5, 2011 And it displays without the bullets in all the common browsers that are available. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.