putting two CSS codes together

[liunx]

Hi

Got to learn sometime I suppose ?can you help ?

I want to use the codes below but how do I put them together?

Please

<style type="text/css">
<!--
A:hover {text-decoration: none}
BODY { scrollbar-3d-light-color:#ccffff;
scrollbar-arrow-color:#ff9999;
scrollbar-base-color:660000;
scrollbar-dark-shadow-color:#ccffff;
scrollbar-face-color:#990000;
scrollbar-highlight-color:#ccccff;
scrollbar-shadow-color:#003366;
background-color: maroon}
-->
</style>

<STYLE TYPE="text/css">
a.italic:link { color: green; text-decoration: none }
a.italic:active { color: yellow; text-decoration: none }
a:italic:visited { color: green; text-decoration: none }
a.italic:hover { color: orange; text-decoration: underline; font-style: italic}
</STYLE>

I would assume you mean something like this.
<style type="text/css">
<!--
A:hover {text-decoration: none}
BODY { scrollbar-3d-light-color:#ccffff;
scrollbar-arrow-color:#ff9999;
scrollbar-base-color:660000;
scrollbar-dark-shadow-color:#ccffff;
scrollbar-face-color:#990000;
scrollbar-highlight-color:#ccccff;
scrollbar-shadow-color:#003366;
background-color: maroon}
a.italic:link { color: green; text-decoration: none }
a.italic:active { color: yellow; text-decoration: none }
a:italic:visited { color: green; text-decoration: none }
a.italic:hover { color: orange; text-decoration: underline; font-style: italic}
-->
</style>Hi Soccer

Thanks so much friend ----- I will let you know the outcome,
have a nice day ----------- Hi soccer

I tried but Not work It will work just fine, but you've got to use the class="" attribute in your <a> tags. For example, to get the styles for a.italic to appear in your <a> tags, you've got to use: <a href=http://www.webdeveloper.com/forum/archive/index.php/"..." class="italic">...</a>.

And that style will ONLY appear in <a> tags. You can't do something like <p class="italic"></p> and have the same affect. That's because of the tag selector before .italic.

a.italic: The boldface text is the tag selector. It tells the browser to ONLY apply this class to anchor tags (<a>).

Hope this helps the problem might also be that there isn't any love hate in your css. In otherwords: Link -> Visited -> Hover -> Active If you don't define them in that order, they won't workHi

I got the code from this site on the tutorials here (<!-- m --><a class="postlink" href="http://htmlgoodies.com/beyond/rollover.html">http://htmlgoodies.com/beyond/rollover.html</a><!-- m -->)

I must have missed something on the tutorial or it did not go into that

Thanks mate Hi
NO its my fault i did not read it properly, and since reading your reply, I see where i have gone wrong,

I am a fool ----- thanks friend again. Originally posted by Chan
Hi

I got the code from this site on the tutorials here (<!-- m --><a class="postlink" href="http://htmlgoodies.com/beyond/rollover.html">http://htmlgoodies.com/beyond/rollover.html</a><!-- m -->)

I must have missed something on the tutorial or it did not go into that

Thanks mate

HTML Goodies is a really bad place to learn web design from.Hi Spufi

Liked the link of yours vault (<!-- m --><a class="postlink" href="http://cssvault.com/">http://cssvault.com/</a><!-- m -->)
great looking pages on there, I am new to CSS just trying out the basics.
will check the link further,
Thanks