Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Newbie needs help with table code - displays wrong in IE

    I've been trying to figure out how to plant an Amber Alert ticker in an image but don't know any way to do it other than with HTML tables. I have a ProBoard message board here... http://acasualobserver.proboards66.com/index.cgi and if you scroll all the way to the bottom you can see the ticker in the image. Depending on what browser you use it either looks great (Firefox) or terrible (IE).

    The only way I could think to do this was to cut up the image and place each "slice" of the image in a table cell. The Amber Alert ticker is a bit of Javascript in it's own cell. Whether I do a table within a table to nest the ticker or just span the columns the result is always the same... looks great in Firefox and terrible in IE.

    I know very little about coding, but surely there is a better way to do this with CSS or something else so that it displays correctly in both browers?

    Here's the ugly table code...

    Code:
    <div align="center">
    <table width="731" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td align="center" valign="middle" colspan="3">
    <img width="731" height="23" src="http://i269.photobucket.com/albums/jj80/ACasualObserver/AAtop6.gif" border="0">
    </td></tr>
    <tr>
    <td align="center" valign="middle">
    <img width="138" height="22" src="http://i269.photobucket.com/albums/jj80/ACasualObserver/AAleft6.gif" border="0">
    </td>
    <td align="center" valign="middle">
    <!-- Begin Code Amber Ticker code. --><SCRIPT LANGUAGE="JavaScript1.2" src="http://www.codeamber.org/js/codea.js"></script><!-- end of Code Amber Ticker code (c)Copyright codeamber.org 2002 - 2007-->
    </td>
    <td align="center" valign="middle">
    <img width="131" height="22" src="http://i269.photobucket.com/albums/jj80/ACasualObserver/AAright6.gif" border="0">
    </td></tr>
    <tr>
    <td align="center" valign="middle" colspan="3">
    <img width="731" height="23" src="http://i269.photobucket.com/albums/jj80/ACasualObserver/AAbottom6.gif" border="0">
    </td></tr>
    </table>
    <br>
    <center>
    <a href="http://www.amberalert.com/"><img width="80" height="20" src="http://i269.photobucket.com/albums/jj80/ACasualObserver/AAlinkbtn.gif" border="0"></a>
    <br><br>
    </center>
    </div>
    I'm hopelessly lost.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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