37 users online (1 members and 36 guests)  


  Results 1 to 4 of 4

Related

  1. Replies: 1
  2. aligning page contents    Forum: CSS Forum
    Replies: 4
  3. Aligning Top Frame in IE7    Forum: HTML Forum
    Replies: 2
  4. CSS layout and aligning....    Forum: CSS Forum
    Replies: 2
  1. #1
    Brenton's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2002
    Posts
    1

    Unhappy 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>
    Any help will be appreciated.

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    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?

  3. #3
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    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.

  4. #4
    Doorknob's Avatar
    Super Newbie

    Status
    Offline
    Join Date
    Jun 2002
    Location
    Malaysia
    Posts
    316

    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



Tags for this Thread