111 FAO all.

Anyone fully knowledgeable on ASP, Databases, Web Design and CSS Stylesheets? And got some spare time on your hands? If so, email me at the address WEBMASTER@BLASTWAVE.ORG.UK – ANY contact will be greatly appreciated, so please get back to me.

Regards,

Orion – Webmaster :: blastwave.org.uk ::

posted at 12:01 pm on February 14, 2003 by Orion

112 Space between bullets and text

Does anyone know how to decrease the space between bullets and list items???

posted at 07:28 am on February 19, 2003 by Samuli

113 nested tags

I am just a highschool senior, so my understanding of the syntax may not be uber high but:

#button li {

would it be more appropriate to tag it:

#button ul li {

My reasoning:
1. Browsers stink – they may mess up with nested tags too often, which is a reality now and later – the li’s might be misinterpreted by a weak browser because they are not directly under the div
2. I believe that references the items more specifically
3. It would be consistent with the majority of the other hiarchel (sp?) designations in the article.

Nit picking but hey :) I liked the final example – that was one of the few good examples of css seperating style/content while using actual style.

posted at 10:22 pm on February 20, 2003 by leo meyerovich

114 horizontal list separator

Typically a horizontal menu list has a pipe character (|) to separate items. This is mentioned in the list.

I just wanted to suggest people look at using a colon (:) as a separator. The reason being that some screen-readers will pause in their translation when reaching a colon whereas a pipe character does not generate this action.

So using a semi-colon provides better structure for screen readers.

posted at 10:04 am on February 21, 2003 by

115 Inline Padding?

You’ve got padding being applied to an inline element.

Modern (v6+) browsers will apply this padding, but will not alter the parent box of the inline element to add space for the extra padding.

Basically vertical padding becomes useless.

Which is why, if you want padding around your elements, you should set list items to display inline.

Instead I recommend floating them with width set to auto. This works surprisingly well in legacy browsers. The only issue I’ve found with this is Opera 7 has some issues floating the list items while Opera 6 renders it perfectly. Go figure.

posted at 10:11 am on February 21, 2003 by

116 Great Article

Really liked the article.. Great job! I used it on a site for work and replaced a bunch of horrible
‘s and links. Time to scour for more great articles!

posted at 09:21 am on February 27, 2003 by underdog

117 bullet problem

I’m using the list style you mentioned here for a project I’m working on. Works great, except when I later set up bulleted lists to use a graphical bullet, the graphical bullet started also appearing to the left of my left navigation (happened on Windows, not Mac). Isn’t there a way to accomplish what you’ve described without hijacking other bulleted lists?

posted at 05:52 pm on March 8, 2003 by BoyWithK9

118 great stuff

Fantastic article. Its strange how css still manages to cause me so much grief though, – getting things to line up as you want. You have to be a freaken guru to make things work.

It’d be great to see an online resource containing a bunch of navigation elements, from vertical, to horizontal, to tab-like, to multicoloured, to rollover effects etc etc… much like the multi-column layout resources.

If I get anywhere I may even post it myself :)

I really like how stopdesign.com does theirs, but there is a lot of css markup to make it look like that. I’d like something simpler.

posted at 06:38 am on March 10, 2003 by James

119 Your lesson on Lists

I’have been starting in writing HTML for a few weeks, and I explore the numerous web pages and sites exposing code, Javascript and so on. Thank you for the detailed lesson on lists, I’ll let you know what I have done with this. Thank you in advance, Jean-Marie, France

posted at 06:18 pm on March 12, 2003 by Jean-Marie

120 Nav block jumps left

Nice code, but when trying out the final blue block with full color styles, it jumps left on first mouseover of any of the buttons. I guess this wouldn’t be a problem if the whole thing was in another table, but just thought you should know. Maybe it’s centred on the page initially and your code is resetting it left justified?

posted at 08:59 pm on March 12, 2003 by Jason