Row Span problem

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • coldflame
    New Member
    • Jul 2006
    • 19
    #1

    Row Span problem

    Hi

    I am facing a problem with row span the code is given below. problem is that when i the contents of the right panel increased the first cell dat have menu get unnessary space , i did't know how to get rid of this space due to which i am having problem.

    <table height="400" border="1" width="100%" cellpadding="0" cellspacing="0" >
    <tr>
    <td height="10" width=75% valign="top">
    <!-- Menu --->
    Menu Here
    <!-- /Menu --->
    </td>
    <td width=25% rowspan="2">
    <!--Right Panel-->
    br/><br/><br/><br/><br/><br/><br/><br/><br/>
    br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    </td>
    </tr>
    <tr>
    <td height="400" valign="top">
    <div id="contentPage Div"> Contents Display here </div>
    </td>
    </tr>
    </table>

    Regards
    Tags: None
    • dswethar
      New Member
      • Nov 2006
      • 65
      #2
      The problem is with the table layout. This is a common problem. Unless you increase the number of lines in "Contents" part, the menu part will have more space.

      Div's are more reliable for such "non-tabular" layouts.

        Comment

        • coldflame
          New Member
          • Jul 2006
          • 19
          #3
          Originally posted by dswethar
          The problem is with the table layout. This is a common problem. Unless you increase the number of lines in "Contents" part, the menu part will have more space.

          Div's are more reliable for such "non-tabular" layouts.
          If you suggest div then how to use it. I just understand from your answere is that you have said to use to div.

          And when i increased the contents in right panel the menu cell occupies more space . it did't do with contents.

            Comment

            • dswethar
              New Member
              • Nov 2006
              • 65
              #4
              You need to decrease the contents in the right panel. You need to increase contents in the panel below the menu.

              You will need to check the net for resources to learn to code html pages with div and css.

                Comment

                • AricC
                  Recognized Expert Top Contributor
                  • Oct 2006
                  • 1885
                  #5
                  This will get you started:
                  [html]<html>
                  <head>
                  <title>Test</title>
                  <style type="text/css">

                  .wrapper
                  {
                  width: 500px;
                  height: 500px;
                  border: 1px solid black;
                  }

                  .row
                  {
                  width: 100%;
                  height: 25px;
                  border-bottom: 1px solid black;
                  }

                  </style>



                  </head>
                  <body>
                  <div class="wrapper" >

                  <div class="row">

                  </div>

                  </div>

                  </body>
                  </html>[/html]

                  HTH

                    Comment

                    Previous template Next
                    Working...