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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML Table Issues

    Code:
    <table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
      <tr>
        <td align="center">
          <div align="center">
            <img src="LINK" width="1" height="1"><br>
            <a href="LINK">
              <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
            <font size="2" face="Arial, Helvetica, sans-serif">
              Fully Analog Joystick
              <br>
              <a href="LINK">
               TEXT
              </a>
            </font>
          </div>
        </td>
      </tr>
    </table>
    <table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
      <tr>
        <td align="center">
          <div align="center">
            <img src="LINK" width="1" height="1"><br>
            <a href="LINK">
              <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
            <font size="2" face="Arial, Helvetica, sans-serif">
              Fully Analog Joystick
              <br>
              <a href="LINK">
               Text
              </a>
            </font>
          </div>
        </td>
      </tr>
    </table>

    There is my html code, for 2 tables for my website. The issue I have is that when I view the page it shows one table(box) under the other. What im wanting it to look like is make a row of them, from left to right.

    Any ideas why its putting them under each other?

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Add 'display:inline' to the styles - eg.

    <table style="display:inline; BORDER-RIGHT: #9cafbc 1px solid;...

  • #3
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Mine you, Originally I was looking at this im FF.

    After making this change, it does work in IE, but when viewing in FF it gives an alignment issue

    i attached what it looks like
    Attached Thumbnails Attached Thumbnails HTML Table Issues-untitled2.jpg  


  •  

    Posting Permissions

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