Sent by Virginia Murdoch on 23 June 2005 05:05
Hello,
My client has approved this design: http://www.unc.com.au/jd2/1.html
I'm trying to recreate that left-floated, negative-indented image
placement, and struggling - I've come up with: http://unc.com.au/jdsite/
It's not going to be a big deal if I can't get it to work, but I'd
LIKE to; however, I'd really like to avoid placing the image HTML
anywhere other than at the beginning of the first paragraph, or at
the end of the first paragraph (inside or out - it doesn't matter).
This is because I'm using a CMS, and so will be using templates
rather than placing the images manually. I certainly don't want to
have html like this:
<p>olor dolortisl et ullam mi auguero aliquipsum sandigna, <img
src="floatedimage.jpg" alt="Floated image" /> landrem cubilia
voloreros neque se cubilia. Susto eui modit lobore sandigna il
amconsecte. Aptent utat velent, elenisit cursus ent in modipsu
hendip, deliquatue maecenas iscing.</p>
The image CSS is this, at the moment:
img.cover {
border: 1px solid #949283;
padding: 5px;
margin: -50px 9px 0 -50px;
float: left;
height: 140px;
width: 100px;
}
The rest of the CSS is at http://unc.com.au/jdsite/jd.css
Cheers,
Virginia
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
