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; } Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/ 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 Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1237477 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. Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1237480 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. Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1237493 Share on other sites More sharing options...
sunfighter Posted July 2, 2011 Share Posted July 2, 2011 And what browser are you using? Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1237593 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> Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1238399 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. Link to comment https://forums.phpfreaks.com/topic/240903-unordered-bullets-dont-show-up/#findComment-1238401 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.