Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The problem is from CSS. Use a Browser Inspector Tool to easily find causes to these issues.
The reset CSS file has this — which is removing any bullets:
ol, ul, li {
list-style: none outside none;
}
@wpyogi, i thought you had the answer, but the <ul>
just does not seem to react on the css in the style.css.
Not only is the list-style-type not working, the <ul>
also does not repsond to any margins or padding assigned to it.
I guess i’m just going into debugging now, start with an empty css file and just add in the css-code one line at the time.
Hello,
if there is a browser reset on top of your css file, similar to this :
*{ margin: 0; padding: 0;}
then it is probable that your lists need a margin-left.
I generally add
ul, ol { margin: 0 0 1em 1.5em; }
I resolved the problem!
The problem was caused by css code in the reset.css document, but I did not see any changes made to that file using the Browser Inspector in Google Chrome.
Next i saw code in the Browser Inspector that i knew i deleted. It seems that Google Chrome has no way to hard-reset the browser (shift-F5). When i opened the pagine in Safari, Firefox or IE everything looked good, so i now use Firefox for webdevelopment.