VideoHelp Forum




+ Reply to Thread
Results 1 to 9 of 9
  1. 8th Jun 2005 12:26 #1
    lowlow42
    lowlow42 is offline
    Member lowlow42's Avatar
    Join Date
    Oct 2002
    Location
    SW Florida
    Search Comp PM
    Hi guys, hopefully you can help me out here. Please see files attatched so you understand what I am talking about. (Picture to see table & actual html file to check codes)

    What I want to do, is be able to have "Row 1" longer, and "Row 2" shorter. Is this possible in a table? If not, what can I do to make 2 lists, where 1 is longer than the other.

    Thanks in advance, any help is appreciated!


    Picture is here.... http://home.comcast.net/~homeboyj13/table.GIF

    HTML code is here.... http://home.comcast.net/~homeboyj13/example.html
    "The statement below is True,
    The statement above is False"
    Quote Quote  
  2. 8th Jun 2005 12:28 #2
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    Nest two tables in one table.
    Quote Quote  
  3. 8th Jun 2005 12:38 #3
    lowlow42
    lowlow42 is offline
    Member lowlow42's Avatar
    Join Date
    Oct 2002
    Location
    SW Florida
    Search Comp PM
    Thanks for the reply, I'll try that now and post how it goes.
    "The statement below is True,
    The statement above is False"
    Quote Quote  
  4. 8th Jun 2005 12:47 #4
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    Originally Posted by lowlow42
    Thanks for the reply, I'll try that now and post how it goes.
    or something like this.... There's literally a 100 ways you can do it, best way is via CSS.

    Code:
    <table width="100%" bgcolor="#FFFFFF" border="1" cellpadding="2" cellspacing="2">
<tr valign="top">
<td> left
</td>
<td rowspan="2"> right
</td>
</tr>
<tr valign="top">
<td border="0"> bottom
</td>
</tr>
</table>
    Quote Quote  
  5. 8th Jun 2005 12:51 #5
    lowlow42
    lowlow42 is offline
    Member lowlow42's Avatar
    Join Date
    Oct 2002
    Location
    SW Florida
    Search Comp PM
    I just saw your last post. But here's mine before I try yours.

    http://home.comcast.net/~homeboyj13/table2.GIF
    http://home.comcast.net/~homeboyj13/example2.html

    Now I just want Row 2 to be Up instead of in the center.
    "The statement below is True,
    The statement above is False"
    Quote Quote  
  6. 8th Jun 2005 15:24 #6
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    And probably the easiest way to do it as I said with CSS.

    Code:
    <html>
  <head>
<style type="text/css">
 #leftcontent 
  {
  float:left;
  color: #000000;
  background: #FF0000;
  width: 300px;
  height: 600px;
  text-align: center;
  }

    
  #rightcontent 
  {
  color: #FF0000;
  background: #000000;
  width: 300px;
  height: 300px;
  text-align: center;
  }

</style>

   
  </head>

  <body>
    <div id="leftcontent">
      Left Text
    </div>

    <div id="rightcontent">
      Right Text
    </div>
  </body>
</html>
    The info in the style tag can be placed in a external document, name it format.css and add make sure to delete the style tags from the html doc and do not add them to the css doc.

    Add this between the head tags for an external stysheet, in this instance it should be the only thing between the head tags..

    Code:
    <link rel="stylesheet" type="text/css" href="format.css">
    You can apply multiple formatting using CSS to a sngle tag or entir document. This is why it's so great. If you have a a large site and every html doc is linked to a single stylesheet you can for instance change the color of the background for the entire site just by changing a single line of code.

    http://www.w3.org/Style/CSS/
    Quote Quote  
  7. 8th Jun 2005 15:30 #7
    lowlow42
    lowlow42 is offline
    Member lowlow42's Avatar
    Join Date
    Oct 2002
    Location
    SW Florida
    Search Comp PM
    Ok Thanks, I appreciate your help... I'll most likely use that css code, it looks good.
    "The statement below is True,
    The statement above is False"
    Quote Quote  
  8. 8th Jun 2005 15:37 #8
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    If you follow that link I gave you you can see what other foramtting you can apply such as borders etc.
    Quote Quote  
  9. 8th Jun 2005 16:54 #9
    lowlow42
    lowlow42 is offline
    Member lowlow42's Avatar
    Join Date
    Oct 2002
    Location
    SW Florida
    Search Comp PM
    Yeah, when I clicked on it I saw some other stuff... I'm gunna read up on it. Thanks again
    "The statement below is True,
    The statement above is False"
    Quote Quote  



Similar Threads

« Previous Thread | Next Thread »
Visit our sponsor! Try DVDFab and backup Blu-rays!