Sent by Ron Zisman on 12 July 2012 18:06
On Jul 12, 2012, at 12:23 PM, Georg wrote:
> On 12.07.2012 17:14, Ron Zisman wrote:
>> http://ricochet.org/rollover_test/rollover_test.html
>>
>> hello,
>>
>> i'd like to be able to scale a container and the images and background images as well as maintain
the links. i'm not having much success.
>> a few pointers would be appreciated.
>
> The following works in supporting browsers...
>
> #container
> {
> max-width:46em;
> min-width:160px;
> margin: 0 auto;
> }
>
> .nav {
> margin:0;
> padding:0;
> background:url("images/rollover2.jpg") no-repeat;
> float:left;
> background-size: 100% auto;
> max-width: 50%;
> }
>
> .nav a img {max-width: 100%; height: auto;}
>
> .nav a, .nav a:link, .nav a:visited {
> display:block;
> width: 100%;
> height: auto;
> }
georg,
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 would like four images per row, and changed max-width on .nav to 25% as suggested which seems to
work.
the rollovers aren't working, and i'd like to eliminate the gap between the rows. do the background
images scale?
rgds,
ron
>
> regards
> Georg
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> 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/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
