Thread: Having trouble aligning images
Results 1 to 4 of 4
Related
-
Having trouble placing images next to each other with captions Forum: HTML Forum
Replies: 1 -
aligning page contents Forum: CSS Forum
Replies: 4 -
Aligning Top Frame in IE7 Forum: HTML Forum
Replies: 2 -
CSS layout and aligning.... Forum: CSS Forum
Replies: 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 theicon 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 awayLast edited by benzden; 06-29-2002 at 07:24 PM.
-
06-30-2002, 09:23 PM #4
RE
<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
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum