Tables Sizes in this issue

Expand Post »

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

HTML and CSS Syntax (Toggle Plain Text)
<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>
<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>

Last edited by fuchsia555; Feb 2nd, 2010 at 3:28 pm.

Similar Threads

last modified date of a table in Oracle
The Ultimate Tweak: Vista/XP install on large cluster sizes in Windows Vista and Windows 7
Firefox collapsing tables and screwing with javascript in Site Layout and Usability
deploying an application with crystal reports in VB.NET
Optimize SQL in MySQL

fuchsia555

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

30 posts
since Dec 2009

Permalink

Feb 3rd, 2010

Re: Tables Sizes in this issue

Hi,

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

HTML Syntax (Toggle Plain Text)
    <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>
    <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>

macneato

Reputation Points: 46

Solved Threads: 48

Posting Pro in Training

Offline

410 posts
since Jun 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: no scrollbar

Next Thread in HTML and CSS Forum Timeline: Load Movie

DaniWeb Message

Cancel Changes

User Name
Password