I am having some fun (not!) in finalising some clean elegant css examples for my tab menu widget. I’m fussy - I want minimal markup, minimal css, no hacks & future proof code, as well as demonstrating or allowing a variety of styles.
Some difficulties so far:
list item (ol/ul li) white space
Yes it is there - for both Firefox and Internet Explorer! Not a problem if you want to space your menu items out, and/or are not doing interesting stuff with backgrounds. The answer for the widget I’m working on seems to be to have concise code!
See the test page with image examples here.
Rob Glazebrook has some comments on the whitespace problem here.
Some example ideas:
SMH example
More later…..