Results 1 to 7 of 7

Thread: Aligning a 'Banner' Image with a Table.

  1. #1
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Aligning a 'Banner' Image with a Table.




    I am trying to align the above banner images so that it is aligned with the table below it. It's about 38 px difference.

    Help?
    Last edited by Sarin; 01-20-2010 at 04:30 AM.

  2. #2
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Anyone?

  3. #3
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Please include your code so that we can take a look at it, we can't do much without it. When you do post your code remember to use [code] tags. That includes [ html ], [ code ], and [ php ].
    Jeremy | jfein.net

  4. #4
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    http://reptilewebsites.webs.com/

    Code:
    <HTML>
    <BODY>
    
    <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="976" HEIGHT="278">
    
    <TR>
    <TD ROWSPAN="1" COLSPAN="7" WIDTH="976" HEIGHT="194">
    	<IMG NAME="banner0" SRC="/layout/banner_1x1.png" WIDTH="976" HEIGHT="194" BORDER="0"></TD>
    </TR>
    
    <TR>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="472" HEIGHT="25">
    	<IMG NAME="banner1" SRC="/layout/banner_2x1.png" WIDTH="472" HEIGHT="25" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="65" HEIGHT="25">
    	<IMG NAME="banner2" SRC="/layout/banner_2x2.png" WIDTH="65" HEIGHT="25" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="67" HEIGHT="25">
    	<IMG NAME="banner3" SRC="/layout/banner_2x3.png" WIDTH="67" HEIGHT="25" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="108" HEIGHT="25">
    	<IMG NAME="banner4" SRC="/layout/banner_2x4.png" WIDTH="108" HEIGHT="25" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="103" HEIGHT="25">
    	<IMG NAME="banner5" SRC="/layout/banner_2x5.png" WIDTH="103" HEIGHT="25" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="74" HEIGHT="25">
    	<IMG NAME="banner6" SRC="/layout/banner_2x6.png" WIDTH="74" HEIGHT="25" BORDER="0"></TD>
    
    
    <TD ROWSPAN="1" COLSPAN="1" WIDTH="87" HEIGHT="25">
    	<a href=""><IMG NAME="banner7" SRC="/layout/banner_2x7.png" WIDTH="87" HEIGHT="25" BORDER="0"></a></TD>
    
    
    
    </TR>
    
    <TR>
    <TD ROWSPAN="1" COLSPAN="4" WIDTH="712" HEIGHT="59">
    	<IMG NAME="banner8" SRC="/layout/banner_3x1.png" WIDTH="712" HEIGHT="59" BORDER="0"></TD>
    <TD ROWSPAN="1" COLSPAN="3" WIDTH="264" HEIGHT="59">
    	<IMG NAME="banner9" SRC="/layout/banner_3x2.png" WIDTH="264" HEIGHT="59" BORDER="0"></TD>
    </TR>
    
    </TABLE>
    
    
    <table width="902" height="500" border="0" cellspacing="1" cellpadding="2" class="main">
                 
            <tr>
    
            <td bgcolor="#ffffff" valign="top">
    
    Lalalallaa
    
    </td>
    
    
    </tr></table>
    Is this better? I don't know how to move it.

  5. #5
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    In CSS, table.main add:
    Code:
    margin-left: 73px;
    Jeremy | jfein.net

  6. #6
    Join Date
    Jan 2009
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you!! I NEVER thoguht about just moving the table over, GAH!

  7. #7
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Glad to help you! Your welcome!

    It seems your topic is solved... Please set the status to resolved.. To do this:
    Go to your first post ->
    Edit your first post ->
    Click "Go Advanced" ->
    Then in the drop down next to the title, select "RESOLVED"
    Jeremy | jfein.net

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •