dreamweaver vs frontpage

Version 1.9

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Certified trainers will then respond within 24 hours (working days).

Support promotion: Post a question within 7 days of attending your course and get an upgrade to 12 months support! (Standard period 3 months)

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.

dreamweaver vs frontpage - Dreamweaver 8

Dreamweaver 8

Kean has attended:
Dreamweaver 8 Intermediate course

by - delegate Kean [4 posts] (2006 Dec 7 Thu, 10:00) Reply

Hi, I recently attended the Dreamweaver 8 course in London. On the course we

took a lot of information in, all in one day. I have been trying to remember
how to do something that I was taught on the course but cannot. Please can
you tell me the procedure to make a link in a menu change colour when the
mouse hovers over it. I have a table with 10 rows and I want the whole block

to change colour when I hover over it. Hope you can help me.
Regards, Kean

Version	Date	Location	Places available	Book	Next place rate:
Dreamweaver CS3 2 day course
Version	Date	Location	Places available	Book	Card	Invoice
CS3	2009 Jan 15 Thu + 16 Fri	Bloomsbury	6	book now	£495	£495
CS3	2009 Feb 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Mar 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Apr 16 Thu + 17 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 May 14 Thu + 15 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Jun 11 Thu + 12 Fri	Bloomsbury	8	book now	£395	£415
Full Schedule: See all 11 Dreamweaver CS3 course dates. Bookings currently available until 12th November 2009.

RE: Dreamweaver 8

by - trainer David gold contributer [428 posts] (2006 Dec 7 Thu, 11:18) Reply

Hi Kean

I will assume that you are using a CSS. If this is the case you will just need to place the following piece of code into the CSS and just change it to meet your needs, i.e. the colours and fonts that you want to use.

a:hover {
color: Your Colour here;
text-decoration: underline;
background: Your background here;}

The task of getting the whole table column to change colour when you hover the mouse over it, is slghtly more complex and has to be done in two stages. The first stage is to add some code into the CSS. The code that you need will define the mouseOver and mouseOut events, by this I mean when the mouse is over the table and when the mouse moves out of the table. The code is shown below:

.over
{ border-style: solid;
border-color: Your colour here;
border-width=thin
bgcolor: Your colour here }

.out
{ border-style: solid;
border-color: You colour here;
border-width=thin
bgcolor: Your colour here }

The next stage is to write the html code. Within the code for the table you are going to make calls to .over and .out and this should mean that when the mouse moves in and out of the table the columns will change colour. The code that you need is as follows:

<html>
<head>
<title>Your table colours</title>

</head>

<body bgcolor="Your colour">

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="set default colour" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
</td>
</tr>
<tr>
<td bgcolor="set default colour" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
</td>
</tr>
<tr>
<td bgcolor="set default colour" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
</td>
</tr>
<tr>
<td bgcolor="set default colour" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
</td>
</tr>
</table>

</body>
</html>

If you are not using a seperate CSS, you can put all of the CSS into <style></style> tags at the top of your HTML document, before you actually start writing any HTML.

I hope tis helps, if this does not quite match what you wanted, please get back to me and I will try and assist further.

David

dreamweaver vs frontpage - Dreamweaver 8

Related articles

Dreamweaver tip:

JumpMenu in new window