Posted by mbstevens on 01/08/07 17:16

On Mon, 08 Jan 2007 07:06:54 -0600, Bergamot wrote:

> mbstevens wrote:
>> On Sun, 07 Jan 2007 22:55:18 -0600, al jones wrote:
>>
>>> http://aljones.us/630817vad.html and seeing if you can help me get the
>>> images aligned on the left hand edge
>>
>> First, either get all the images of letters inside <p> elements, or get
>> them all outside them. You won't get any kind of consistency until you do
>> that.
>
> That alone won't help. The h3 and paragraph that follow the image are to
> show beside the photo. All other h3's are to clear the photo.
>
> p img {clear:left} as you suggest won't give that result.
>
> To the OP, I made a couple suggestions elsewhere in this thread.

Which included:

"One thing you could do is to put the <a> and image inside the associated
h3 element. Adding a clear:left to all h3's should always put the next
entry below any images.
<h3><a href...><img...></a>Thur. Aug. 20, 1863</h3>

h3 {clear:left}
h3 img {float:left; margin:...}

The other option is to add a class selector to each h3 that specifically
needs to be cleared, or add an inline style to them."

....breaking semantic markup completely. Those images are not headers.
What they are semantically are images that are associated with the
paragraphs that fall under the header. Logos, under some circumstances,
might be considered a part of a header. But these images, if you bother
to actually read the page, are just clearly not headers.

[Back to original message]