demonhale — Wed, 13 Jun 2007 07:14:18 +0000

@webwiz, look carefully at the tags Wguild presented, first the html tags are capitalized which would work per se, but not XHTML valid, look at the class calls, some have quotes and some have no quotes... It's best to guide them with best practices, although I said I agree with multiple classes, it's best to still use single class, and classes without dashes, or classes with quotes... It would still work either way, but making the markup semantic by starting at the basic coding practice of properly quoting, small letters for html tags, etc...

And answering his question is the main purpose of the thread, I guess it's answered now...

webwiz — Wed, 13 Jun 2007 03:10:11 +0000

@demonhale:

But you wrote:

Quote: first you need to properly tag your html codes, and set classes that have no spaces and are properly quoted like so:

You seemed to be saying that the OP's code is somehow wrong or invalid, which is not true. I didn't want webmaster_guild to be left with the impression that his code was being criticised. It seemed to me a perfectly valid question that deserved a constructive response.

I don't see what this has to do with semantics, either. Sorry.

Cordially, David.
--

demonhale — Wed, 13 Jun 2007 01:48:45 +0000

webwiz;220413 wrote: @demonhale:

The original poster may be confused by this. It is perfectly valid to have multiple class names in the "class" attribute. This, for example:

Cordially, David.
--

Yes it is valid to have multiple classes, but for basics and semantics, it's better to assign one and apply standard mock-up first before focusing too much on multiple classes...

webwiz — Wed, 13 Jun 2007 00:19:11 +0000

@demonhale:

Quote: and set classes that have no spaces and are properly quoted like so:

The original poster may be confused by this. It is perfectly valid to have multiple class names in the "class" attribute. This, for example:

Quote:

Cordially, David.
--

demonhale — Mon, 11 Jun 2007 06:11:15 +0000

first you need to properly tag your html codes, and set classes that have no spaces and are properly quoted like so:

<td class="style1"><ul class="links">
<li class="menu"><a class="menu112" href="/">Home</a>

then you can add on your css file definitions for colours of hover, and the links via classes... in your case, since the link has a class name "menu112" you can style this by:

.menu112 a{
color: #fff;
background: #000;
}

.menu112 a:hover{
color: #fff;
background: #000;
}

learn more at w3c.org

webwiz — Mon, 11 Jun 2007 06:01:16 +0000

Tell me if I'm wrong, but I suspect you are trying to set the text colo(u)r of the link, and finding that it does not work when you add a rule for, say, the class=links?

I ask, because I found this puzzling at first. Links get special treatment by browsers, so you have to make a rule specifically for the link tag to get 'color' to work. Any of these selectors should let you set the 'color' and any other property you like on the link:

.primary-links a {...}
.first a {...}
.menu-1-1-2 {...}

You only need enough to target the link(s) you need. No need for all those classes, I feel sure.

If this does not answer your question, I suggest taking a look at a CSS guide or a tutorial. I can recommend these folks in Sunny Sydney:
http://www.westciv.com/