Multiple Mouseover Script Help
Hi,
I am trying to have two mouseover scripts on the same page -- the first one affecting my links on top of the page (the browser pane), and the second one affecting the actual links that are the contents of my page. I have inserted a simple script that works fine for the browser pane, but it also affects the links in the body of page. I have tried everything, but do not know how to write a separate script for the body of page (where the actual links are located). PLEASE HELP!!! I have spent hours on this. I want the links on the body of the page to be the following: text color -- black, mouseover -- red, visited link -- blue (I know how to change the color to black, but then I loose the mouseover script and don't know how to write it for the page, and leave the top pane as is).
Thanks a lot.
MM
Code:
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
<title>EUGENE IZOTOV, Principal Oboist, Chicago Symphony Orchestra</title>
<meta name="keywords"
content="oboe, oboes, hautbois, hoboe, izotov, eugene, Chicago, Chicago Symphony Orchestra, CSO, CSO oboe, san francisco symphony, russian oboist, oboe player, obo, reed, english horn">
<meta name="description"
content="Principal Oboist of the Chicago Symphony Orchestra - Biography, Photos, Sound Bites, Press Quotes...more.">
<style type="text/css">
<!--
A:link {text-decoration: none} A:visited {text-decoration: none}
A:active {text-decoration: none}
-->
</style>
<style>
<!--
a {color:white;}
a:visited {color:white;}
a:hover {color:red;}
-->
</style>
</head>
<body style="background-color: rgb(6, 6, 36); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div><a><small> </small> </a>
<div><a><small> </small></a></div>
<a> <small> </small></a></div>
<table
style="text-align: left; width: 700px; margin-left: auto; margin-right: auto; color: rgb(255, 255, 255); font-family: Arial;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr style="font-family: Gill Sans Light;">
<td colspan="8" rowspan="1"
style="vertical-align: top; height: 30px;"><span
style="color: rgb(255, 255, 255);"><a href="../../../../sm/home.html">Home</a>
<a href="../../../../sm/bio.html">Biography</a>
<a href="../../../../sm/library.html">Library</a>
<a href="../../../../sm/photos.html">Photos</a>
<a href="../../../../sm/press.html">Press</a>
<a href="../../../../sm/links.html">Links</a>
<a href="../../../../sm/equipment.html">Equipment</a>
<a href="../../../../sm/contact.html">Contact</a></span></td>
</tr>
<tr>
<td colspan="8" rowspan="1"
style="vertical-align: top; background-color: rgb(255, 255, 255);"><img
alt="Links" src="/sm/links_banner.jpg"><br>
</td>
</tr>
<tr>
<td colspan="8" rowspan="1"
style="vertical-align: top; background-color: rgb(255, 255, 255);">
<div style="text-align: justify;"> </div>
<table
style="text-align: left; width: 90%; margin-left: auto; margin-right: auto;"
cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-family: Geneva; color: rgb(48, 48, 49);"
align="justify">
<td style="vertical-align: top; text-align: justify;"><small><br>
</small>
<div style="text-align: center;"><br>
<br>
<a href="http://www.cso.org">Chicago Symphony Orchestra</a><br>
<br>
<a href="http://www.metopera.org/">Metropolitan Opera</a><br>
<br>
<a href="http://www.sfsymphony.org">San Francisco Symphony</a><br>
<br>
<a href="http://kcsymphony.org/">Kansas City Symphony</a><br>
<br>
<a href="http://music.depaul.edu/">DePaul University School
of Music</a><br>
<br>
<a href="http://www.bu.edu/cfa/music/">Boston University
School of Music</a><br>
<br>
<a href="http://www.gnessin.msk.ru/">Gnesin School of Music</a><br>
<br>
<a href="www.pmf.jp">Pacific Music Festival (Japan)</a><br>
<br>
* * * <br>
<br>
<a href="http://www.thomasstacy.com">Thomas Stacy </a><br>
<br>
<a href="http://www.oboe1.com/">Igor Leschishin</a><br>
<br>
<a href="http://www.iflute.com/">Jeffrey Khaner</a><br>
<br>
<a href="http://www.chrisleephotographer.com/">Chris Lee
Photography (New York)</a><br>
<br>
<a href="http://www.toddrphoto.com/">Todd Rosenberg
Photography (Chicago)</a><br>
<br>
<a href="http://www.alanweissflute.com/">Alan Weiss</a><br>
<br>
<a href="http://www.fishcreekmusic.com/">Julie Ann
Giacobassi</a><br>
<br>
<a href="http://www.imaniwinds.com/">IMANI Winds</a><br>
<br>
<br>
</div>
<div style="text-align: center;"><small><br>
</small></div>
<small> </small> <small><br>
</small></td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
<tr>
<td colspan="8" rowspan="1"
style="vertical-align: top; background-color: rgb(255, 255, 255);"><br>
<br>
<br>
<br>
<div style="text-align: center;"><small
style="color: rgb(102, 102, 102); font-family: Gill Sans Light;"><span
style="color: rgb(184, 184, 193);">Copyright
1999-2009 OboeSolo.com All Rights Reserved</span></small><small
style="color: rgb(102, 102, 102); font-family: Gill Sans Light;"><br>
<br>
</small> </div>
</td>
</tr>
</tbody>
</table>
<br style="color: rgb(255, 255, 255); font-family: Arial;">
<br style="color: rgb(255, 255, 255); font-family: Arial;">
</body>
</html>
im afraid this is no script here, this is a simple CSS misunderstanding
Here how your style should look like:
Code:
<style>
<!-- This will affect only the links wrapped in a span tag (this includes your top panel)-->
span a:link { color: gren; }
span a:visited { color: red; }
span a:hover { color: yellow; }
<!-- This will affect the links in the whole page -->
a:link { color: pink; }
a:visited { color: brown; }
a:hover { color: blue; }
<style>
Ptejada,
Thanks a lot for your help. If I want to effect the body (but not the top panel), where should I place the command that you provided me with? As I mentioned, I want to have one command for the top panel, and a different one for the body of the page, but I do not know where to place the one for the body.
Thanks a lot.
MM
Ptejada,
THANKS A LOT. I figured it out. Thanks again for the help.
MM
Sure no problem, just keep i mind that this is no script, this is CSS which is enclose in <style> tags and scripts are enclosed in <script> tags.
if you come across any other issues with CSS, make sure you post over at the CSS section, you will get a faster response.
Good Luck
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Bookmarks