What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Reply to thread

I suggest you do not use the rollover created by these applications, just by using CSS, it's more easy and you get more control, for example:

in yout html page, before the </head> tag copy this css code:

<style type="text/css">


.button a{

    display:block;

    width:160px; /* a width size of the button images */

    height:40px; /* a height size of the button images */

    }

.button a:link{

    background:url(images/button-link.png) no-repeat left top;

    }

.button a:hover{

    background:url(images/button-roll.png) no-repeat left top;

    }

/* This hides the text of the link */

.button span{

    display:none;

    }


</style>


in hte body :


<div class="button"><a href="#"><span>link</span></a></div>

This is a simple code but it's work fine.

by


What is our favorite program/app? (Hint - it begins and ends with the letter P)
Back
Top