I'm very new to CSS and am struggling to get things looking the way I want on the following page:
http://www.icdmeister.com/site/Codes...gn_fibroid.htm

I'm doing something wrong with the span class, I think.

My goal is the following:

• the first bullet point (li class="desc") not underlined.
• the remainder of the li items underlined.
• The span at the end of the last three list items should be bold, red font, and spaced two spaces from the end of the underlined content.

Also, what's the best way to insert a couple of spaces. Should I use    or is there something more elegant? I want two spaces between the end of the underlined content and the span class="code" content.

Andrew

why are you underlining text that isn't a hyperlink? really confusing - just don't do it.

bullet points won't be underlined anyway - again why would you want to?

the span at the end has an error in the class

you have
span.code
{
font-color: #FF0000;
font-weight: bold;
text-decoration: none;
}

but you need this (including some space provided by padding. increase the padding by 0.1 either way to increase/decrease the padding spacing)
span.code
{
color: #FF0000;
font-weight: bold;
text-decoration: none;
padding-left:.7em;
}

oh and when you specify a font family you should include a list of fonts ending ina generic one like

font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;

LOL. Sorry but I can't help laughing at your post dave. Work in ems only if you're comfortable using them (i.e. know what they are and how to use them). It's also recommended to use 62.5% font size on the body to change 1em to 10px so that working out ems throughout the CSS is easier.

Use border-bottom on the li element to get it "underlined". You could use li:first to stop the first one being given an underline, but it's safer to use an id.

Add margin to the span element.

lol i use 76% on the body, but each to their own - i might give 62.5% sometime...

do you generally use 1em (or maybe 100%) for p, etc?

i would just avoid using underline on anything that isn't a link.

i suggested em for the line padding so that it scales properly with text size being increased by the user - using px won't do this

Serif: 1.4em/1.5em (size/line-height) (equivalent to 14px)
Sans-serif: 1.3/1.4em (equivalent to 13px)

That's with 62.5% body. You can see what it's like on my site.

Let him get off the ground first before he soars

Thanks. Good tips. I took you advice and will be removing the underlining from all the non-linked text. This site is an adaptation of an e-book where a lot of the content was underlined so I originally thought I'd keep it the same but you're right Dave that it's clearer without. I went with margin-left rather than padding. It seems to look good.

Thanks again,

Andrew

Padding was only suggested so that you could get that underline thing going on

I see. Then margin-left is preferrable for the spacing between the elements. Seems to be working well.

A.