Highlighting Links Question

[2760]

Hi all,

On the page

http://www.tfl.gov.uk/tfl/

(a page created with DW/Fireworks) there is a navigation panel to the left of the page which highlights the background colour to links when you roll the mouse over them (The nav bar with 'TfL Home', 'About TfL' etc.). I have tried to recreate this in DW and have managed to do it to a certain degree. I can reproduce it with the background behind the link changing color, however, what i cannot recreate is how the link background color highlights for the whole length of the bar or cell and not just behind the actual link text. I have had a look at the source but can't really pick out how its done. If anyone can understand what i'm on about, can anyone tell me how this has been done?

Thanks in Advance.

 

[deecee]

in your <td> tag put this

onmouseover=&quot;this.style.background='#hexcode'&quot; onmouseout=&quot;this.style.background='#original color'&quot;

<signature>
sometime you just gotta say &quot;WHAT THE @#*% !!&quot;
</signature>

 

[lebisol]

dig through:

http://mostarnet.com/CSS/mostarnet.css

> need more info?
:: don't click HERE ::

 

[2760]

Hi deecee,

Thanks! I got it working now. I just had another look at the TfL page and the link runs right the way across the cell as well as the change of background color on mouseover. Do you think you could give me the code to make the link run the whole way across on mouseover too?

Many thanks in Advance.

 

[lebisol]

oooops it's a cell thing...nevermind my post...there are > post about this topic


> need more info?
:: don't click HERE ::

 

[deecee]

add this to your tag

onclick=&quot;window.location='file.htm'&quot;

also you will need to change your cursor

so add

style=&quot;cursor: pointer hand;&quot; or you can make a style. Just remember that pointer needs to be before hand and this is for NN

<signature>
sometime you just gotta say &quot;WHAT THE @#*% !!&quot;
</signature>