homepage Welcome to WebmasterWorld Guest from 54.166.111.111
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Different image position in Opera
Different image position in Opera
FromBelgium




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

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?

 

domoftheuk




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

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

e.g.

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

gohankid77




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

An Opera bug perhaps? There should always be a line break after a block element by default.

FromBelgium




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

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.

domoftheuk




msg:1584578
 8:29 pm on Oct 13, 2004 (gmt 0)

how about:

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

do not put in </p> at end

FromBelgium




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

Thanks again! This solves the problem!
Is it OK to use <p> without a closing </p>?

gohankid77




msg:1584580
 2:52 am on Oct 14, 2004 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved