Re: [css-d] Responsive Images

Karl DeSaulniers Thu, 06 Nov 2014 18:13:02 -0800

I think this works better if...

#imghldr { width: 40rem;
#myimage { width: 100%;


That way you only have to change the size of #imghldr to change the size of 
#myimage

Much easier in a @media IMO.

<body>
        <div id="photo_container" style="text-align:center;">
                <div id="imghldr">
                        <img id="myimage" 
src="http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png";>
                </div>
                <div id="img_text">Text below image</div>
        </div>
</body>

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Nov 6, 2014, at 1:22 PM, Felix Miata <mrma...@earthlink.net> wrote:

> #imghldr {
>       max-width: 100%;
>       width: 40rem;
>       background-color: #CBB;
>       padding: 1rem;
>       border: .5rem solid #BBC;}
> #myimage {
>       width: 48rem;
>       background-color: #BCB;
>       padding: .5rem;}
> 
> <body>
> <div id="imghldr">
> <img id="myimage"
> src="http://fm.no-ip.com/SS/Suse/YaST/131/yast2-131-softpatterns-1200.png";>
> </div>
> </body>

______________________________________________________________________
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/

Re: [css-d] Responsive Images

Reply via email to