On Wed, May 9, 2012 at 6:14 PM, John <[email protected]> wrote: > The 5 "widgets" at www.coffeeonmars.com are photoshop images. I would like to > make them CSS for the type and box, and of course the image part would still > be an image. > > I can get as far as making the box around the image with padding to give a > black area above and below (where text could go) but not sure how the text > WOULD go in there. > > My sense is that both text and image need a parent containing them both so > that they will fit properly and "snugly" in the same widget and so that they > will move together as a unit. > > Is this the correct idea for my goal? > > thank you! > > John >
Hi John, I would do a container with black bg, then inside that a <p> (or <hx> etc) for the text on top, followed by img then <p> for the bottom text. A min-height on the container too. HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ 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/
