Forums

table problem (6 posts)

  1. blackleon1986
    Member
    Posted 10 months ago #

    Hi,

    I would like to ask a question about tables.

    I added some html table in my post. it looks good but when I use different browser like Google Chrome,IE or change resolution by mouse scroll button with Mozilla, it will spoiled. Fonts,pictures and all other things vary commensurately but tables are so unrestrained.

    How can I fix this?

  2. esmi
    Theme Diva & Forum Moderator
    Posted 10 months ago #

    Don't use tables for layouts. Use CSS.

  3. blackleon1986
    Member
    Posted 10 months ago #

    Not for layouts.
    i use tables for my pages and posts.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 10 months ago #

    if you are using tables for your text and images in your posts, then you're using layout tables. Tables are meant to be for displaying tabulated data (like spreadsheets) - not positioning images and text.

  5. blackleon1986
    Member
    Posted 10 months ago #

    thank you so much esmi i got it.

  6. blackleon1986
    Member
    Posted 9 months ago #

    I would like to ask one more qouestion.

    I can not to change position of layout table as "center"

    For example i use these codes:
    what should I add for change position as "center"?

    <html>
    <head>
    <style type="text/css">
    table,td,th
    {
    border:0px solid black;
    }
    table
    {
    width:100%;
    }
    th
    {
    height:50px;
    }
    </style>
    </head>

    <body>
    <table>

    <table border="0" width="70%" height="246">
    <tbody>
    <tr valign="top">
    <td style="background-color: #5e7d7e; text-align: top;" colspan="3">
    <h3 style="text-align: center;"><span style="color: #ffffff;"></span></h3>
    <p style="text-align: center;"><span style="color: #ffffff;">
    </span></p>
    </td>
    </tr>
    <tr>
    <td style="background-color: #7f5a58; width: 317px; text-align: center"> </td>
    </tr>
    <tr>
    <td style="background-color: #ffffff; width: 317px; text-align: top"> </td>
    <td style="background-color: #ffffff; height: 113px; width: 315px; text-align: top"> </td>
    <td style="background-color: #ffffff; height: 113px; width: 130px; text-align: top"> </td>
    </tr>
    <tr>
    <td style="background-color: #5e7d7e; text-align: center;" width="317" height="27">
    <p style="text-align: center;"> </p>
    <p style="text-align: center;"><span style="color: #ffffff;"> </span></p>
     </td>
    <td style="background-color: #5e7d7e; text-align: center;" width="315" height="27"> </td>
    <td style="background-color: #5e7d7e; text-align: center;" width="130" height="27"> </td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>

Reply

You must log in to post.

About this Topic

Tags