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 protected]] > 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 protected]] 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/
