Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 2 TD below 1 full width TD

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #246514
    thebasix
    Participant

    So if I have something like this:

    <table>
    <tr>
    <td>
    <img />
    </td>
    <td>
    <h4>title</h4>
    <span></span>
    </td>
    </tr>
    </table>

    Is it possible to make something like this, using either js or css, where I have <tr> and inside of if I have <td> which would be full witdth because it contains title. Below that <td> would be 2 <td>, first one will contain <img /> and the second one some text.


    <table> <tr> // First td is full width and inside of it, h4 tag <td> <h4>title</h4> </td> <td> <img /> </td> <td> <span></span> </td> </tr> </table>
    #246517
    Paulie_D
    Member
    #246519
    thebasix
    Participant

    @Paulie_D I mean something like this http://prnt.sc/ctre82

    Because I have to repeat <tr> so I cant use <thead>. I would have to do it inside tr. On this image, you can see you have the title full width and then below, you have two column. Note, that website (from screenshot) doesnt use tables, it uses divs.

    I’m wondering if there is a way to achieve such a thing using css, js and tables? Or do I have to switch to divs?

    #246521
    Paulie_D
    Member

    You don’t have to use thead

    http://codepen.io/Paulie-D/pen/pEkWGO

    #247736
    Dendiwiguna
    Participant

    Thank you for sharing knowledge, I find it very helpful,,

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.