CSS Links

[stakland]

Hello everyone,

I am not too good with CSS. I wanted to know if it is possible to use 2 different style sheets for links the in the same page. For example, links on the top half of the page would be blue with red rollover, and on the bottom half they would be green with no rollover. What is the best way to do this?
Thanks!
Tim

[Marc]

Read this, by Karinne: http://www.webforumz.com/css-forum/3...htm#post147452

[notagz1]

Yes it can be done..

stylesheet.css
a:link{
link;
hover;


}


stylesheet2.css

a.green:link{color: green;
}
a.green:hover{color: green; bold;
}


then you have to set you them in your html page.


YOU MUST USE THIS LINE FOR IT TO WORK.

<link rel="stylesheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet2.css" rel="stylesheet" type="text/css" />


then you would you them in a class.

<a class="green" href="../index.html">This link wil go green</a>
<a href="../html.html">html</a>

I hope that this helps you. This is off the top of my head.

<notagz1>

[karinne]

Why 2 stylesheets just for different links?!?

Just check the link mmfrasser linked to ... it's all in there.

[Ryan Fait]

To answer the question specifically, no: this cannot be done with CSS alone. You'll need some type of HTML identifier to tell the CSS when the top of half of the page begins and ends, or when the bottom half of the page begins and ends. You'll need to surround one half in a <div> with a class or ID so that it follows a different set of rules. Make sense?

[notagz1]

My mistake. It goes work in one style sheet. Use a class tag not id.

<notagz1>