make Image hover work

[wagnerguy]

Hello, i was able to find a stylesheet that would give me a image hover ability, now that i have the stylesheet, what else do i need to do in order to make this work?

thanks in advance

[gjh42]

That depends. Is it a generic image hover, or is it tailored for the particular kinds of images you want to hover?
You would probably add the code to your main stylesheet, integrating it with existing rules if applicable. Alternatively, you could use an @import rule to reference it in your main stylesheet.

The same goes for your other question.

You might want to post the content of the stylesheets you found so we can actually give advice on them.

[wagnerguy]

these are the stylesheets, the first one is for the dotlines and the second is for the imagehover

1st
.vDotLine

{

background-color: transparent;

background-image: url(../images/delim_v.gif);

background-repeat: repeat-y;

background-attachment: scroll;

width: 20px;

font-size: 1px;

}



.hDotLine

{

background-image: url(../images/delim_v.gif);

padding:1px 0;

}

2nd
#trailimageid {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
width: 220px;
height: 0px;
z-index: 1000;
}

#trailimageid div {
padding: 5px;
background-color: #FFF;
border: 1px solid #888;
text-align: center;
}

#trailimageid h1 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 2px 0px;
text-align: left;
width: 100%;
}

#trailimageid img {
margin: 2px;
border: none;
}

[gjh42]

OK, these are the standard Zen Cart mods. The downloads should have readme files which give instructions for installation.
There will be PHP files as well as stylesheets, and you can probably FTP the mods' /includes/ folders and contents directly to your site's /includes/ folder, so all the files drop into place.

If you have already installed the mods' PHP files, upload the stylesheets to /includes/templates/your_template/css/, and they will automatically be applied.

[wagnerguy]

thanks for your help guys