multipull roll over

[godlike]

can naybody help me or send me some code ive got a table of contents

introduction pg1
operations manual
stand
arch

thats the table and then ive got an image but for each option from the operations manual the text rollsover (red)
and part of the image rolls over in red
i think its a simple process but im a graphics designer not a web designer and ive had no previous html trianing so can anyone help

[xataku_nakusute]

well....try this:

<table>
<tr>
<td style="color:color1"onmouseover="style.color='color2'; your_function_that_changes_imgs()" onmouseout="style.color='color1'">
introduction pg1
</td>
</tr>
<tr>
<td style="color:color1"onmouseover="style.color='color2'; your_function_that_changes_imgs()" onmouseout="style.color='color1'">
operations manual
</td>
</tr>
<tr>
<td style="color:color1"onmouseover="style.color='color2'; your_function_that_changes_imgs()" onmouseout="style.color='color1'">
stand
</td>
</tr>
<tr>
<td style="color:color1"onmouseover="style.color='color2'; your_function_that_changes_imgs()" onmouseout="style.color='color1'">
arch
</td>
</tr>
</table>

NOTE: COLOR1 IS YOUR COLOR OF TEXT WHEN YOU HAVENT ROLLED OVER THE TEXT; COLOR2 IS THE ROLLOVER COLOR

tell me if you need help with the image rollovers

[godlike]

thanx that help alot but me being a bit thick can you help with the image side of things:rolleyes:

[godlike]

please can some help me with the image side of things i think its really basic but i dont know im a bit lost

[mr. duckey]

alrighty,

This code is a little more simple than the other one provided, but you can't do as much stuff with it because it skips the functions all together. It works for rollovers though.


<a href="intro.html" onmouseover=intro.src="introductionover.jpg" onmouseout=intro.src="introduction.jpg"><IMG src="introduction.jpg" name="intro"></a>

<a href="manual.html" onmouseover=manual.src="manualover.jpg" onmouseout=manual.src="manual.jpg"><IMG src="manual.jpg" name="manual"></a>

<a href="stand.html" onmouseover=stand.src="standover.jpg" onmouseout=stand.src="stand.jpg"><IMG src="arch.jpg" name="stand"></a>

<a href="arch.html" onmouseover=arch.src="archover.jpg" onmouseout=arch.src="arch.jpg"><IMG src="arch.jpg" name="arch"></a>

you're going to need eight pictures for this to work:

introduction.jpg
introductionover.jpg
manual.jpg
manualover.jpg
stand.jpg
standover.jpg
arch.jpg
archover.jpg

you can just copy and paste the code into your page where you want the links.


David

P.S.

what do you mean with the Image side of things?