Results 1 to 3 of 3

Thread: Table Help

  1. #1
    Join Date
    Feb 2006
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Table Help

    Heyyy

    I have a small problem... I have a table with 3 coloumns...

    first coloumn - Alot of text
    Second coloumn - Blank cell
    Third coloumn - I need another table

    The only problem i have is that the third column scrolls according to the first columns.. As the first coloumn has alot of text the third coloumn begins at the middle of the cell..How can i change that..I even tried adding a "div" but it always starts from the middle..

    Code:
    <table border="0" cellpadding="0" cellspacing="0" width="850">
    <tbody><tr>
    <td width="650" align="center" valign="top">					
    
    <table width="650" border="0" cellpadding="0" cellspacing="0" class="tableback">
    <tbody><tr>
    <td height="45" valign="middle" width="100%"><span class="TXT_3">Best Flash Sites</span> </td>
    </tr>
    <tr>
    <td valign="middle"></td>
    </tr>
    <tr>
    <td><span class="TXT_4"><br>
    Best Flash Web Sites is world wide directory for Flash web sites. Here you can see some of the top web sites developed in Macromedia Flash, find out about their creators or find Flash developer for your next web project. To browse sites select a category from the links below. <br><br><br><br>
    Best Flash Web Sites is world wide directory for Flash web sites. Here you can see some of the top web sites developed in Macromedia Flash, find out about their creators or find Flash developer for your next web project. To browse sites select a category from the links below. <br><br>
    </span></td>
    </tr>
    </tbody>
    </table>
    </td>
    					
    <td width="20"></td>
    <td width="180">
    <div class="rightbox">aaaaaaaaaaaaaa</div>
    </td>
    </tr>
    </tbody></table>

    My Style
    Code:
    .rightbox {
    background-color:#CCCCCC;
    table-layout:fixed;
    	border-top-style: solid;
    	border-top-width: 1px;
    	border-top-color: #BDC8D2;
    	border-right-style: solid;
    	border-right-width: 1px;
    	border-right-color: #BDC8D2;
    	border-left-width: 1px;
    	border-left-style: solid;
    	border-left-color: #BDC8D2;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;	
    	border-bottom-color: #BDC8D2;
    }
    
    .TXT_3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #253D56; letter-spacing: 2px;}
    Can anyone help me ??????????

    thanks...

  2. #2
    Join Date
    Feb 2006
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    found it..
    Anyhow if someone else is interested..

    You need to add
    Code:
    valign="top"
    to the third column...


    bye bye

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Tried applying vertical-align: top to your third column and possibly the cell within?

    While you're using CSS, there's absolutely no need to use deprecated HTML styling attributes such as "valign," "width," and "height."

    /EDIT: Heh, beat me to it. The point about CSS still applies, though.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •