On 12.07.2012 19:02, Ron Zisman wrote:
i tried looking at the example you sent, but the stylesheets were so
extensive, i couldn't make heads or tails of it.
http://www.ricochet.org/rollover/home.html
I only included the styles that had to be modified or added. You have
left out all the rest - what you had before, so obviously it doesn't
work... :-)
Here is everything you need for that page...
<style type="text/css">
body
{
background-color:#2b2b2b;
}
#container
{
max-width:46em;
min-width:460px;
margin: 0 auto;
}
.nav {
margin:0;
padding:0;
background:url("images/rollover2.jpg") no-repeat;
float:left;
background-size: 100% auto;
max-width: 25%;
}
.nav a img {max-width: 100%; height: auto;}
.nav a, .nav a:link, .nav a:visited {
display:block;
width: 100%;
height: auto;
}
.nav a:hover img {
visibility:hidden;
}
</style>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
