Forum Moderators: open

Message Too Old, No Replies

Adding Rollover Effect Into AP Divs

         

CallumJohnson

1:10 pm on Jan 4, 2009 (gmt 0)

10+ Year Member



I have this current DIV
I have around 80 seperate AP Divs in my dreamweaver file.
(Creating a navigation sidebar)

I want to add a rollover effect straight into this coding, without having to make it all again. All it would need to do is add a light blue background to the rectangle when hovered over.

Can it be done? If it can how can it be done?

#apDiv80 {
position:absolute;
width:164px;
height:15px;
z-index:73;
left: 2px;
top: 1080px;
color: #FFF;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

Thank you in advance,
Callum Johnson.

CallumJohnson

5:00 pm on Jan 4, 2009 (gmt 0)

10+ Year Member



Yeah figured it out (trial & error).

Create new AP Div> (With cursor inside AP Div selection box)>Insert Image Objects> Rollover > Add the two images.

Then resize AP Div box to rollover image size, and enjoy the freedom of placing that AP Divs bring ^.^
Really nice method, as it codes the .java script for you and allows you to create a localised url (E.g. to another .aspx page) in the rollover too.