Welcome to WebmasterWorld Guest from 54.145.208.64

Forum Moderators: open

Message Too Old, No Replies

Different image position in Opera

Different image position in Opera

   
8:14 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



When I want text around an image I use the ALIGN=LEFT attribute.

<img src="pictures.jpg" align=left></a>text....

However when I put this below an <H1> tag:

<h1>Header</h1>
<img src="pictures.jpg" align=left></a>text....

Then the pictures is pushed against the header text (there's no empty space under the header) in Opera, not in IE.

How can I get the desired effect correctly in both browsers?

8:20 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



how about putting <br> in between </h1> and <img src....

e.g.

<h1>Header</h1>
<br>
<img src="pictures.jpg" align=left></a>text....

8:27 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



An Opera bug perhaps? There should always be a line break after a block element by default.
8:27 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



Thanks for the suggestion.
It gives the desired effect in Opera but now I get an extra line in IE, so the title is a bit too far from the images.
8:29 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



how about:

<h1>Header</h1>
<p>
<img src="pictures.jpg" align=left></a>text....

do not put in </p> at end

8:42 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



Thanks again! This solves the problem!
Is it OK to use <p> without a closing </p>?
2:52 am on Oct 14, 2004 (gmt 0)

10+ Year Member



If you are using HTML, yes. If you are using XHTML, no.