HTML and CSS

Html Align question

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Mar 2008

Posts: 39

Reputation: CasTex has a little shameless behaviour in the past

Solved Threads: 0

CasTex

Offline

Light Poster

Html Align question

Nov 16th, 2008

Hello, how can I do this ?

http://img528.imageshack.us/img528/1996/ggg1mh2.jpg

The table is simple table, you can imagine that as a picture. But my point is, how to make the writing like that ?

Last edited by CasTex; Nov 16th, 2008 at 6:06 am.

•

Join Date: Mar 2007

Posts: 686

Reputation: sillyboy is on a distinguished road

Solved Threads: 61

sillyboy

Offline

Practically a Master Poster

Re: Html Align question

Nov 16th, 2008

I think there are several ways to do it using css. e.g. perhaps you have a larger table with the other table nested. Then the text would occupy other cells within the parent table.

http://www.happypolla.com

•

Join Date: Jan 2007

Posts: 24

Reputation: sasankasekhar is an unknown quantity at this point

Solved Threads: 3

sasankasekhar sasankasekhar is offline

Offline

Newbie Poster

Re: Html Align question

Nov 22nd, 2008

•

Originally Posted by CasTex

Hello, how can I do this ?

http://img528.imageshack.us/img528/1996/ggg1mh2.jpg

The table is simple table, you can imagine that as a picture. But my point is, how to make the writing like that ?

Is this what you want?

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<html>
<head>
<title>Untitled Document</title> 
</head> 
<body>
 
<table width="305" height="252" border="0" cellpadding="0" cellspacing="1" style="border:1px solid red">
  <tr> 
    <td width="182" height="190" align="left" valign="top"> 
        <table width="69%" height="100%" border="1" cellpadding="0" cellspacing="1">
          <tr> 
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
 
      &nbsp; </td>
    <td width="118" colspan="-2" style="text-align:justify">This is the text of 
      the outer table This is the text of the outer tableThis is the text of the 
      outer table This is the text of the outer tableThis is the text of the outer 
      table This is the text of the outer table This</td>
  </tr>
  <tr> 
    <td colspan="2" align="left" valign="top">is the text of the outer table This 
      is the text of the outer table This is the text of the outer table </td>
  </tr>
</table>
</body>
</html>
<html>
<head>
<title>Untitled Document</title> 
</head> 
<body>

<table width="305" height="252" border="0" cellpadding="0" cellspacing="1" style="border:1px solid red">
  <tr> 
    <td width="182" height="190" align="left" valign="top"> 
        <table width="69%" height="100%" border="1" cellpadding="0" cellspacing="1">
          <tr> 
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
   	 
      &nbsp; </td>
    <td width="118" colspan="-2" style="text-align:justify">This is the text of 
      the outer table This is the text of the outer tableThis is the text of the 
      outer table This is the text of the outer tableThis is the text of the outer 
      table This is the text of the outer table This</td>
  </tr>
  <tr> 
    <td colspan="2" align="left" valign="top">is the text of the outer table This 
      is the text of the outer table This is the text of the outer table </td>
  </tr>
</table>
</body>
</html>