Hmmmm....simple question. I'm working on a site (actually a couple), and am attempting to create a css class for a sidebar (preferably titled, "sidebar"), but I just cannot seem to get it to work. I'm wondering if FrontPage is doing something funny to my page...but it's not likely. I may just be typeing the css poorly, as I can't sem to find anything on the 'net to specify classes in css (hmmm...maybe I should go do a "classes in css" search; naahhh, that'll turn up classes to take on css....
).<br />
<br />
<br />
Thanks,<br />
<br />
James<!--content-->Hey man what's up?<br />
<br />
Here is what I do (I'm assuming that you're talking about effects for links and such).<br />
<br />
First: In an external ".css" file, I put things such as <br />
<br />
a.s_one:link {text-decoration: none;}<br />
a.s_one:visited {color:#5677fc; text-decoration: none;}<br />
a.s_one:active {text-decoration: none;}<br />
a.s_one:hover {color:#5677fc; text-decoration: underline;}<br />
<br />
a.s_two:link {text-decoration: none;}<br />
a.s_two:visited {color:#0000ff; text-decoration: none;}<br />
a.s_two:active {text-decoration: none;}<br />
a.s_two:hover {color: #5677fc; text-decoration: underline;}<br />
<br />
a.s_three:link {text-decoration: none;}<br />
a.s_three:visited {color:#5677fc; text-decoration: none;}<br />
a.s_three:active {text-decoration: none;}<br />
a.s_three:hover {color:#5677fc; text-decoration: underline;}<br />
<br />
Then, you simply call these (after placing this little line at the top of the page in the <head> tag: "<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"style1.css" type="text/css">")<br />
<br />
To call these, just type something like this:<br />
<br />
class="s_one"<br />
or<br />
class="s_two"<br />
or<br />
class="s_three"<br />
<br />
in each of the <a> tags.<br />
<br />
Good Day!<!--content-->Maybe this will help:<br />
<br />
<!-- m --><a class="postlink" href="http://developer.apple.com/internet/css/css_fixed.html">http://developer.apple.com/internet/css/css_fixed.html</a><!-- m --><!--content-->or<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.blooberry.com/">http://www.blooberry.com/</a><!-- m --><!--content-->Okay, thanks guys. I figured it out about five minutes ago. I was accidentally spelling something wrong, and on the hover I was putting the .sidebar in the wrong place (don't ask me how I could miss that if I had it right everywhere else).<!--content-->
).<br /><br />
<br />
Thanks,<br />
<br />
James<!--content-->Hey man what's up?<br />
<br />
Here is what I do (I'm assuming that you're talking about effects for links and such).<br />
<br />
First: In an external ".css" file, I put things such as <br />
<br />
a.s_one:link {text-decoration: none;}<br />
a.s_one:visited {color:#5677fc; text-decoration: none;}<br />
a.s_one:active {text-decoration: none;}<br />
a.s_one:hover {color:#5677fc; text-decoration: underline;}<br />
<br />
a.s_two:link {text-decoration: none;}<br />
a.s_two:visited {color:#0000ff; text-decoration: none;}<br />
a.s_two:active {text-decoration: none;}<br />
a.s_two:hover {color: #5677fc; text-decoration: underline;}<br />
<br />
a.s_three:link {text-decoration: none;}<br />
a.s_three:visited {color:#5677fc; text-decoration: none;}<br />
a.s_three:active {text-decoration: none;}<br />
a.s_three:hover {color:#5677fc; text-decoration: underline;}<br />
<br />
Then, you simply call these (after placing this little line at the top of the page in the <head> tag: "<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"style1.css" type="text/css">")<br />
<br />
To call these, just type something like this:<br />
<br />
class="s_one"<br />
or<br />
class="s_two"<br />
or<br />
class="s_three"<br />
<br />
in each of the <a> tags.<br />
<br />
Good Day!<!--content-->Maybe this will help:<br />
<br />
<!-- m --><a class="postlink" href="http://developer.apple.com/internet/css/css_fixed.html">http://developer.apple.com/internet/css/css_fixed.html</a><!-- m --><!--content-->or<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.blooberry.com/">http://www.blooberry.com/</a><!-- m --><!--content-->Okay, thanks guys. I figured it out about five minutes ago. I was accidentally spelling something wrong, and on the hover I was putting the .sidebar in the wrong place (don't ask me how I could miss that if I had it right everywhere else
).<!--content-->