53 users online (1 members and 52 guests)  


  Results 1 to 6 of 6

Related

  1. Table Question    Forum: HTML Forum
    Replies: 7
  2. Table Question    Forum: HTML Forum
    Replies: 11
  3. Yet another Table Question    Forum: HTML Forum
    Replies: 2
  4. table question    Forum: HTML Forum
    Replies: 6
  5. Table question    Forum: HTML Forum
    Replies: 1
  1. #1
    caabeel's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2002
    Posts
    1

    Table question - Aghhh!

    Being fairly new to html, I'm having a problem with aligning two gifs NEXT to each other. They keep showing up one ABOVE the other. It's driving me crazy trying to figure it out.

    Any help would be appreciated.

    Thanks.

  2. #2
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    Remove any ALIGN= tags from inside the <IMG ...> tag or use ALIGN=right and ALIGN=left, in that order for the two images without any <BR> or <P> tags between them.

    Where is the page you are tweaking?

    Update your profile to include your website so that we can help you faster and with less effort?
    Last edited by benzden; 02-15-2002 at 12:03 PM.

  3. #3
    Enigma's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Nov 2000
    Posts
    426
    Try putting the two image src statements right next to each other with no spaces or line breaks in between (i.e., <img src....><img src.....>). Sometimes that's worked for me when nothing else did.

  4. #4
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    just make sure ur table tags are correct and it should work:

    Code:
    <table width="50%" border="1">
    <tr>
    <td width="50%">
    <img src="blah.gif">
    </td>
    <td>
    <img src="blah.gif">
    </td>
    </tr>
    </table>

  5. #5
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    ***setting the <td width="50%"> just sets the pictures equaly in the table...if their different sizes majorly then don't add it but I forgot to add it the second <td> so if ur gonna use it don't forget to add it to the second <td> tag...

  6. #6
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    When using the <TABLE ...> method of segregating images, also add the VALIGN=top attribute to <TD VALIGN=top WIDTH=50%> to make sure the images don't end up askew on the page.

    Another TIP is to create a third <TD WIDTH=3%>chr#160 tag between the other two to avoid having to use HSPACE=8 inside the <IMG ...> tags.

    Using WIDTH=90% withing <CENTER><TABLE WIDTH=90% ...> tags and images </TABLE></CENTER>

    can also help unclutter a page to make it more visually presentable to visitors.

    TABLEs are very powerful, fast loading ways to manipulate images and text on a web page.



Tags for this Thread