SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    A little bit of table confusion, just fill in the blanks

    I've got a webpage,

    www.geocities.com/staffcoservices/index2.html

    Dreamweaver made a mess of the code, so I'm starting over.

    I've got a pretty good idea of doing tables in HTML, but I'm a bit confused here. I want to have just one table.

    Here's what I have so far:

    http://www.geocities.com/swimm5001/table.gif (you'll prob. have to copy and paste the code, don't ask why. trust me, it's there.)

    Could you just tell me if the colspans and rowspans i have are right, please. I'm also stumped about what to put for colspan/rowspan in the cells with "?"

    Please help!

    Thanks
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  2. #2
    SitePoint Addict
    Join Date
    Apr 2001
    Location
    Nottingham, England.
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would go for 8 cols instead of 7.

    1st ? = <td colspan=2>
    2nd ? = <td width="">
    3rd ? = <td colspan=3>

    So you probably have to change the colspan in the rest of the <td> accordingly.
    Absence of evidence is not evidence of absence.

  3. #3
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    K, I did all of that. And I changed the others accordingly. So the colspans and rowspans HAVE to be right, but it still isn't looking how it should.

    Here, I uploaded the page:

    www.geocities.com/swimm5001/index2hand.html

    It's blank right now, but that shouldn't matter, right?

    Here's the code: (sorry if it's long)

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    <head>
    	<title>Untitled</title>
    </head>
    
    <body>
    
    <table width="100%" height="100%">
    	<tr>
    		<td align="center" valign="middle">
    			<table bgcolor="#000000" cellpadding="0" cellspacing="1">
    				<tr>
    					<td bgcolor="#FFFFFF" height="50" width="150" colspan="2">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="50">&nbsp;</td>
    				</tr>
    				<tr>
    					<td bgcolor="#FFFFFF" height="50" width="250" colspan="4">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="200" colspan="4" rowspan="3">&nbsp;</td>
    				</tr>
    				<tr>
    					<td bgcolor="#FFFFFF" height="50" width="250" colspan="4">&nbsp;</td>
    				</tr>
    				<tr>
    					<td bgcolor="#FFFFFF" height="50" width="20">&nbsp;</td>
    					<td bgcolor="#FFFFFF" height="50" width="230" colspan="3">&nbsp;</td>
    				</tr>
    				<tr>
    					<td bgcolor="#FFFFFF" height="25" width="450" colspan="8">&nbsp;</td>
    				</tr>
    			</table>
    		</td>
    	</tr>
    </table>
    					
    </body>
    </html>
    Last edited by Adam P.; Jul 18, 2001 at 11:15.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Swimm...once you start putting stuff INTO the table it will start looking more like what you want. Plus, are you setting widths?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What do you mean am I setting widths?

    I set them for all of the table cells, (as you can see in the code above).

    I don't get what you're saying.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's what I meant...I guess I didn't see the widths.

    There is a drawback to making your site in one large table. Were you aware of the fact that the table (or it's contents) will not display until the entire TABLE has been parsed.

    If the top row is going to be your navigation, then I might suggest making that a seperate table. It will parse first and display quicker than the main table, giving your site the appearance of being faster.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll try that, thanks.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  8. #8
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    as a note i would not mix percent and px widths together i.e. your first line is 100% but you have width of 50 (px?) so if you change your 100% to match your 50 x whatever ie try this

    <table width="450" align="center" valign="middle" border=1>
    <tr>
    <td>
    <table bgcolor="#000000" cellpadding="0" cellspacing="1">
    <tr>
    <td bgcolor="#FFFFFF" height="50" width="150" colspan="2"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    <td bgcolor="#FFFFFF" height="50" width="50"> </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="50" width="250" colspan="4"> </td>
    <td bgcolor="#FFFFFF" height="50" width="200" colspan="4" rowspan="3"> </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="50" width="250" colspan="4"> </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="50" width="20"> </td>
    <td bgcolor="#FFFFFF" height="50" width="230" colspan="3"> </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="25" width="450" colspan="8"> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>


    seems okay but wasn't sure what you were after

    Sarah

  9. #9
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    actually, the percents in the first table with the px.s in the second table make it so the inner table is centered both by height and width in the browser.

    It's a little "trick", kind of.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can safely mix percents and fixed width (even in the same table) as long as the percentages add up to 100%. The browser will calculate the fixed width first, then base the percentages off of what is left.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    SitePoint Addict
    Join Date
    Apr 2001
    Location
    Nottingham, England.
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    You can safely mix percents and fixed width (even in the same table) as long as the percentages add up to 100%. The browser will calculate the fixed width first, then base the percentages off of what is left.
    Oh yes I remember you mentioned that once.
    Then I got curious and tried it out.
    Didn't really work.

    Say,
    <tr>
    <td width="5"></td>
    <td width="50%"></td>
    <td width="50%"></td>
    </tr>

    Is that what you mean?
    Absence of evidence is not evidence of absence.

  12. #12
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, but you have to have some sort of content in the cells to keep them open.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


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
  •