The other problem I have is with images "repeating" or "echoing" a
section across the top in Safari (though it's possible it appears in
other browsers too).
If you have Safari, point to this page and make the page as wide as
possible (the problem can disappear in narrow pages):
For others, I posted a JPG of the "effect" I'm seeing at
My CSS style sheet is at
I'm at a loss....
I'm just learning how to incorporate images into the CSS pages, and
since 9 out of 10 of the plant "profiles" will have a single image, I
created a style for -- div#profile img -- as float right with a
colored border and margins etc.
BTW, I inserted the image in between <p> and </p> tags as opposed to
inserting it before the first word in a text paragraph, as this was
the only way I could get the text to runaround the image (I'm
guessing this is something to do with the image needing to be a block
element for float to work?).
Any idea what is causing this echo effect?
Related question I have is how best to "style" images when they run
in the body copy?
For instance, in that page
I added a second image after the body copy ends, and I want this to
be flush left. I tried making a "class" called .floatleft, and
applying it to the image, but it ignores me and stays on the right
Again, I'm probably not approaching this the right way. I'd like to
have a single style that applies the colored border, and then have an
easy way to tell images to align to the left or right.
Oh, and I have to fix this soon, as the garden writer for the LA
Times is going to mention the site next week...not that I feel any
pressure or anything...
\ Trish & Chris Meyer/CyberMotion: Motion Graphics Design & Effects
\ recent projects & clients: http://www.cybmotion.com/projects
\ books, video, & articles: http://www.cybmotion.com/sharing
\ music (including Alias Zone): http://www.cybmotion.com/music
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/