Issue with tables

  • heres my site
    Ive been trying to get my table to display like this:

    <table>
    <tr>
    <td>img </td><td> info </td><td> info </td><td> img</td>
    </tr>
    <tr>
    <td>img </td><td> info </td><td> info </td><td> img</td>
    </tr>
    <tr>
    <td>img </td><td> info </td><td> info </td><td> img</td>
    </tr>
    </table>

    but for what ever reason my content is being pushed down and I cant find out why? I check over and over again and nothing

    If someone can help me out thank you

    heres the page I need help with https://dishnetworkelpaso.net/940/

Viewing 4 replies - 1 through 4 (of 4 total)

  • CSS would help. too much ‘width’ by default…it’s math…

    Thread Starter Rhythmatic.Soul

    (@rhythmaticsoul)

    I tried changing the width of the table nothing it still occurs, I tried resizing the imgs to smaller widths nothing and putting less content and still the same.

    Any help would appreciated allot thank you swansonphotos

    Here the css for all table styling:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, figure, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }
    table {/* tables still need ‘cellspacing=”0″‘ in the markup */
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td {
    font-weight: normal;
    text-align: left;
    }
    /*table*/
    .entry-content table, .comment-content table {
    border-bottom: 1px solid #ddd;
    margin: 0 0 1.625em;
    width: 100%;
    }
    .entry-content th, .comment-content th {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    }
    .entry-content td, .comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
    }
    .comment-content ul, .comment-content ol {
    margin-bottom: 1.625em;
    }
    .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
    margin-bottom: 0;
    }

    Thread Starter Rhythmatic.Soul

    (@rhythmaticsoul)

    Okay I understood what you meant since I barely realized it and I resized the images to 75px each and with both 150px plus the content still being pushed down.

    So I decided to change it to the following:

    img | content
    img | content
    img | content
    img | content
    img | content
    img | content

    and the content is still being pushed down
    heres the link again

    https://dishnetworkelpaso.net/940-2/

    I was having the same exact problem. There was a global code in the style sheet (style.css) that was causing this. Look for “vertical-align:baseline;” is the stylesheet and delete this code. I hope that works for you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Issue with tables’ is closed to new replies.

Tags