Forum Moderators: not2easy

Message Too Old, No Replies

Multiple link styles in one page

         

BBB_Guy

7:20 am on Jul 30, 2003 (gmt 0)

10+ Year Member



How can i do something like that:
In left column text is not underlined and when the mouse moves over it it becomes underline. In right column i would like to do just the opposite, first the thext is underlined and when mouse moves over it becomes not underline.

Thanks

benihana

7:56 am on Jul 30, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



something like this should work:

in stylesheet:

a.leftColumn:link {
text-decoration:none;
}

a.leftColumn:hover {
text-decoration:underline;
}

a.rightColumn:link {
text-decoration:underline;
}

a.rightColumn:hover {
text-decoration:none;
}

in html:

<a class="leftColumn" href="etc...

<a class="rightColumn" href="etc...

hth
ben

BBB_Guy

8:18 am on Jul 30, 2003 (gmt 0)

10+ Year Member



Thank you, it worked perfectly