Posted by Arne on 07/25/05 17:24

Once upon a time *Jan Danielsson* wrote:

> Arne wrote:
>>> Please take a look at http://user.it.uu.se/~jada3673/. As you can
>>>see, the header stretches too far, and is "behind" the image - which I
>>>don't want. How do I make the header tag honor the width of the image?
>>>
>>>Thankful for any pointers.
>>
>> Hej Jan, I guess your "complaint" is about the h2 header with the text
>> "Browsers"? You can add a right margin for that header, e.g. 200px to
>> make it stop at the left of the rabbit image.
>
> Hmm.. Isn't there some other way? I mean, internally, the paragraph
> block must be obeying some rule since it flows properly around the
> image. I assumed that there was a way to make the h2 header do the same?
> I guess this falls into more of an css issue than html..

I'm afraid there is no other way than add a width or right margin to
the block element, as it is now. It's not the <p> block that flows,
it's the text within the block that flows. The same will happend for
the header text if you make it long enough to reach past the image.

If you set the content left of the image within a parent div block
with a specific width that don't reach to the image, then the child
blocks gets as wide as the parent block.

> Am I asking in the wrong group, btw?

Well, this is more about CSS than HTML, so the issue would be more on
topic on groups like comp.infosystems.www.authoring.stylesheets :)

--
/Arne

Top posters will be ignored. Quote the part you
are replying to, no more and no less! And don't
quote signatures, thank you.

[Back to original message]