Member Avatar for fuchsia555

hi
how can i make one table like in this image
http://i50.tinypic.com/xbemg7.jpg

i tried this code but it doesn't work , they fitting to each other

<table border="1">
  <tr>
    <td width="300">stuff-1</td>
    <td width="700">stuff-2</td>
  </tr>
    <tr>
    <td width="700">stuff-3</td>
    <td width="300">stuff-4</td>
  </tr>
</table>
Edited by fuchsia555 because: n/a
  • 2 Contributors
  • 1 Reply
  • 82 Views
  • 22 Hours Discussion Span
  • Latest Post Latest Post by macneato
Member Avatar for macneato

Hi,

Its a simple case of using colspans. Here is a working example

<table width="1000px" border="0" height="300px">
        <tr style="height: 1px;">
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td width="300" bgcolor="red">
            </td>
            <td colspan="2" width="700" bgcolor="blue">
            </td>
        </tr>
        <tr>
            <td colspan="2" width="700" bgcolor="blue">
            </td>
            <td width="300" bgcolor="red">
            </td>
        </tr>
    </table>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.