Grow your CSS skills. Land your dream job.

Getting the image to fit in the div

  • # November 2, 2009 at 12:30 am
    Code:

    RS To-Go Zeplin High-Back Vinyl Chair for $68 + free shipping

    RS To-Go Zeplin High-Back Vinyl Chair for $68 + free shipping Office Depot offers the RS To-Go Zeplin High-Back Vinyl Chair in Black for $79.99. Apply coupon code “16400993” to lower it to $67.99. With free shipping, that’s $8 below our October mention and the lowest total price we’ve ever seen. Sales tax is added where applicable. Features include cushioned armrests, 5-star nylon base, seat height adjustment, and more. Deal ends November 7.

    Tracked from: dealnews – 20 most recent deals. | Found on 2 Nov 2009 | 3:00 am UTC

    ^^Code simplepie Is generating

    However, when it runs, sometimes the div will not resize to be larger than the image it contains.
    [img]http://content.screencast.com/users/youcannotspellit/folders/Jing/media/9e694c4a-8e26-4159-adef-9bbe16ddc929/2009-11-03_0022.png[/img]

    CSS:

    Code:
    .chunk:hover {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFECCC url(psghost.png) no-repeat scroll right bottom;}

    .chunk {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:7px !important;-moz-border-radius-topright:0 !important;background:#FFFFFF none no-repeat scroll 0 50%;border:1px solid #00AAD4;line-height:1.3;margin-bottom:5px;margin-top:5px;padding:1px 10px 10px;}

    * {margin:0;padding:0;}

    body {font-family:arial;font-size:13px;}

    Does anyone have a clue as to what my issue may be?

    # November 2, 2009 at 12:59 am

    This page is an example of a terrible offender: http://penny-save.co.cc/refine.php?words=camera

    # November 2, 2009 at 6:19 am

    Add this line to the css for .chunk

    Code:
    .chunk {
    overflow:hidden;
    }
    # November 2, 2009 at 11:00 am

    Is there a way to do it *without* cropping the images and other stuff?

    Well that worked out weird..didnt expect that to work imho.
    thanks :D

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".