Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Highlighted cell link problem

Status
Not open for further replies.

buddyrich2

Technical User
Apr 12, 2006
87
US
I have some cells which contain links that highlight on a mouseover - that works fine - and the links work fine (if you mouse DIRECTLY over the words) - I would like to be able to mouseover the ENTIRE cell, the link to work, and the text still change color according to the CSS. Can anyone help me?

Here is the code I am using:

<td bgcolor=#924D00 onmouseover="this.bgColor='#F5F5DC'" onmouseout="this.bgColor='#924D00'"><a class=mwhite href="
Thanks!
 
So let me get this straight.

The mouseOver/color change on the cell works. You just want the text to change colors on mouseOver?

M. Brooks
 
And just use a list element and don't close font tags that were never opened.
 
Take a look at how I did it on . No tables, no javascript, no <font> tags (get with the 21st century FFS), just some plain HTML:
Code:
<div id="menu">
  <ul>
    <li>
      <a href="/">Home</a>
    </li>
    <li>
      <a href="/oracle/">Oracle</a>
    </li>
... etc ...
  </ul>
</div>
Then all the presentation is in the CSS
Code:
#menu ul {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding:0
}

#menu li {
  margin-left: 0;
  margin-bottom: 0;
}

#menu li a {
  display: block;
  padding: 2px;
  color: white;
  background-color: #996699;
  border-top: 2px solid #CC99CC;
  border-left: 2px solid #CC99CC;
  border-right: 2px solid #663366;
  border-bottom: 2px solid #663366;
  font-weight: bold;
  text-decoration: none;
  width: 142px; 
}

#menu li a:hover {
  background-color: #CC99CC;
  border-top: 2px solid #FFCCFF;
  border-left: 2px solid #FFCCFF;
  border-right: 2px solid #996699;
  border-bottom: 2px solid #996699;
}

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Chris,

The 4 packages listed under the Oracle development link are missing for download.

And I can't believe I' up at this undogly hour on a Saturday morning. Pre-10am. And no coffee yet!

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top