> Tom Worthington > Thought I might get the students to reformat a web page about Bird > Flu,to make it compatible with a mobile phone. The problem is to find > a web page which takes some effort to change, but not too much. One I > looked at is the Victorian's Government's: > <http://www.betterhealth.vic.gov.au/bhcv2/bhcarticles.nsf/page > s/Bird_flu?OpenDocument>. > > One curiosity is that they have suppressed the bullet points in their > left hand menu by setting the padding on the list items to zero: > > ul.wul{padding: 0px; ... > > Is this a feature of CSS, or a bug in the web browsers?
Actually, they haven't suppressed the bullets. It's just that the bullets are off to the left, outside of the viewport (you can check this by giving some left-hand margin to the list). For lists that hug the left side of the browser window, this will appear to have suppressed the bullets, but it won't work if the list is anywhere else further to the right. This is intended behaviour, as far as I can tell. By default, the bullet is generated outside (list-style-position: outside;) of the actual list item. "An element with 'display: list-item' generates a principal box for the element's content and an optional marker box as a visual indication that the element is a list item." http://www.w3.org/TR/CSS21/generate.html#q10 "Some block-level elements generate additional boxes outside of the principal box: 'list-item' elements. These additional boxes are placed with respect to the principal box." http://www.w3.org/TR/CSS21/visuren.html#principal-box P ________________________________ Patrick H. Lauke Web Editor / University of Salford http://www.salford.ac.uk ________________________________ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ ________________________________ ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
