jquery - Keeping an image centred, whilst it changes size by % with browser size? -
how centre image keep image size percentage changes size browser? have been playing around css on image here resize height width http://www.georgewoolfe.com/home.html
this css:
#image { bottom: 50%; height: 40%; left: 50%; margin: 0 -40%; position: absolute; right: 50%; top: 56px; width: 80%; } #image img { width: 100%; }
i wondering if there might bit of jquery this?
i found website mean http://www.laurabartlettgallery.com/exhibitions/bravo-zebra/
thanks angela
html:
<div id="imagewrapper"> <img src="http://www.georgewoolfe.com//images/cecily-brown_cecilybrown02.jpg" alt=""> </div>
css:
#imagewrapper { position: absolute; left: 0; right: 0; margin: 0px 20px; text-align: center; } #imagewrapper img { width: 100%; max-width: 433px; }
Comments
Post a Comment