Question

I am making a table in HTML5 and I want to have one cell over the other two. I have iframes inside the table. I also want it to have no spacing in between any of the cells (no borders or anything) Thank you.

My code so far:

<table border="0">
    <tr>
        <th> 
            <iframe frameborder="100" src="./top.htm" width="900" height="108" scrolling="no" seamless="seamless"></iframe>
        </th>
    </tr>
        <td>
            <iframe src="./left.htm" name="link1" width="160" height="700" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"> </iframe>
        </td>
        <td>
            <iframe src="./home.htm" name="link2" width="740" height="700" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"></iframe>
        </td>
</table>

Answer 1

I’m only guessing that the answer you’re looking for is a colspan on the top row – it’s not clear what your question is actually asking though.

Your table code isn’t valid, so you should do that first, but basically what you’ll want to do is something like this:

<table cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="2">TOP ROW CONTENT</td>
    </tr>
    <tr>
        <td>LEFT CONTENT</td>
        <td>RIGHT CONTENT</td>
    </tr>
</table>

(cellpadding and cellspacing set to 0 on the table will remove spacing around and between cells)