Software

Ask something
Question Locked

Web Design

0 helpful
2 replies

by s.kelly 1 view

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

I am creating a web site at the moment and I am having trouble. I made some simple buttons in by using the Rollover Image command in Dreamweaver. (Works the same as the bar above - Home, Articles goes blue once rolled over).

My problem is I want the Second/Rollover image to stay once it has been clicked. (As above- the page you are on is highlighted). Does anybody know a simple solution to do this or am I better off starting it from scratch. I am looking to do this in the Template.

2 replies

by kaety

Hi,

I achieve this in CSS by using the a:active state

for example...

/* CSS Document */

/* Link itself and the image behind.. */

a:link {
background-image: url(images/blank.png);
}

/* Visited link */

a:visited {
background-image: url(images/blank-over.png);
}

/* rollover image */

a:hover {
background-image: url(images/blank-hover.png)
}

/* the image that shows while you are at the page... */

a:active {
background-image: url(images/blank-over.png);
}

This is just a suggestion but I know it works...

Kate

This discussion is closed to new replies.