Thread: Having trouble aligning images
Results 1 to 4 of 4
Having trouble placing images next to each other with captions Forum: HTML ForumReplies: 1
aligning page contents Forum: CSS ForumReplies: 4
Aligning Top Frame in IE7 Forum: HTML ForumReplies: 2
CSS layout and aligning.... Forum: CSS ForumReplies: 2
06-29-2002, 06:55 PM #1
Having trouble aligning images
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>
06-29-2002, 07:13 PM #2
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.If one of our members helps you, please click the icon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
06-29-2002, 07:20 PM #3
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
Last edited by benzden; 06-29-2002 at 07:24 PM.
06-30-2002, 09:23 PM #4
<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