Having trouble aligning images

[Brenton]

I'm having trouble aligning two small images under a large one, while preserving the text wrap. Here's a Print Scrn of what I have:



I'm trying to get the Dolby and DTS logos to appear underneath the image of the DVD cover (the logos are two seperate image files). Here's my code:

<IMG SRC="lordoftheringsextended.jpg" align=right><br>

<IMG SRC="dolbyd.gif" align=right>

<img src="dts.gif" align=right>

<p align="right"><B>The Lord of the Rings: <i>The Fellowship of the Ring</i></B>

Any help will be appreciated.

[QuietDean]

Hi there. Welcome to the forums.

I would not trust align for images, it just don't work properly. Even the 'proper' way of doing this using the CSS 'float' and 'clear' properties is buggy in most browsers.

The most reliable way to get a perfect layout is to use a table. Its ugly, but it works.

[benzden]

Try one master <CENTER>'d table with only one row and column and another <TABLE ALIGN=right ...> within it that itself has only 2 rows of one column each. Use HSPACE= and VSPACE on the images to force the text away from them.
That may allow the text to align to the left and/or underneath regardless of the users screen setting.

(I've never tried anything like that, but it should work - even if you have to place a VALIGN=top in the <TD> element of the master table.)

Oh yes, make BORDER=1 in each <TABLE ...> until it's all working right and then BORDER=0 it. That's helps to see where problems are right away

[Doorknob]

<table cellpadding=4 border=0><tr>
<td><img src="small image"></td><td><img src="small image"></td></tr>
<tr><th colspan=2><img src="big image"></th></tr></table>

noone will see the table, and its aligned. meddle around til u get the affect u want