HTML Effects

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I was wondering, does anyone know how to make the background in a table cell
turn a different colour when you put your mouse cursor over it?

I am using FP 2002

Oh and PS how do you get the speech bubbles to tell you what i hyperlink is
when you put the mouse over it?

Many thanks!
 
Here's code to place in HTML view for highlighting table rows on mouse over:

<table border="1">
<tr onmouseover="this.style.backgroundColor='#f0e68c';"
onmouseout="this.style.backgroundColor='white';">
<td>stuff</td>
<td>more stuff</td>
<td>more more stuff</td>
<td>more stuff more</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f0e68c';"
onmouseout="this.style.backgroundColor='white';">
<td>stuff</td>
<td>more stuff</td>
<td>more more stuff</td>
<td>more stuff more</td>
</table>

As for "speech bubbles", if you place a title="Something" in your hyperlink,
a tool tip will show up, e.g., <a href="http://www.yahoo.com"
title="Yahoo.com">Yahoo</a>
 
Thanks Dan, thats helpful.

Do I just place that Code ANYWHERE within the HTML view or in a specific
place?

It does surprise me that FP doesnt have a normal user friendly way of
achieving the objective of highlighting Cells within a table on mouse over.

Does anyone have any further comments? :-)

Thanks
 
You apply the 2 JavaScript events to a table cell, row or table tag (where you add any attributes) in code view
onmouseover="this.style.backgroundColor='#f0e68c';" onmouseout="this.style.backgroundColor='white';"

You can do it from Design View in FP 2003
Select the cell or row tag in the quick tag selector and use
Format Behaviors - Insert - Change properties
--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Thanks Dan, thats helpful.
|
| Do I just place that Code ANYWHERE within the HTML view or in a specific
| place?
|
| It does surprise me that FP doesnt have a normal user friendly way of
| achieving the objective of highlighting Cells within a table on mouse over.
|
| Does anyone have any further comments? :-)
|
| Thanks
|
|
| "Dan L" wrote:
|
| > Here's code to place in HTML view for highlighting table rows on mouse over:
| >
| > <table border="1">
| > <tr onmouseover="this.style.backgroundColor='#f0e68c';"
| > onmouseout="this.style.backgroundColor='white';">
| > <td>stuff</td>
| > <td>more stuff</td>
| > <td>more more stuff</td>
| > <td>more stuff more</td>
| > </tr>
| > <tr onmouseover="this.style.backgroundColor='#f0e68c';"
| > onmouseout="this.style.backgroundColor='white';">
| > <td>stuff</td>
| > <td>more stuff</td>
| > <td>more more stuff</td>
| > <td>more stuff more</td>
| > </table>
| >
| > As for "speech bubbles", if you place a title="Something" in your hyperlink,
| > a tool tip will show up, e.g., <a href="http://www.yahoo.com"
| > title="Yahoo.com">Yahoo</a>
| >
| >
| > "ProfRogers" wrote:
| >
| > > I was wondering, does anyone know how to make the background in a table cell
| > > turn a different colour when you put your mouse cursor over it?
| > >
| > > I am using FP 2002
| > >
| > > Oh and PS how do you get the speech bubbles to tell you what i hyperlink is
| > > when you put the mouse over it?
| > >
| > > Many thanks!
 
Back
Top