Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 14
  1. #1
    Junior Member
    Join Date
    Sep 2008
    Posts
    1
    Member #
    17414
    http://i35.tinypic.com/106zw5d.png

    I need someone to try their best and duplicate that table using XTML. It's for my web design class, and it's due on tuesday! I'd really appreciate it if someone can help me.. thx.

    (paste the code here for me when youre done)

  2.  

  3. #2
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    I'm not great with styling tables using CSS, which is what you need to do to style your table. The reason for this is that I was using HTML for everything, including using tables for everything. Then I moved into XHTML and CSS for styling everything, and therefore I've used divs more than tables. So in short I'm not heaps confident of what I can do, however perhaps this example might help you get started:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head> 
    <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
    <title>CSS Table Example</title> 
    <style type="text/css"> 
    #tbl1 { font-family: Arial; width: 400px; } 
    #tbl1 #td1 { border: 1px dashed red; margin: 0; padding: 0; } 
    #tbl1 #td2 { background-color: #eee; padding: 20px; } 
    #tbl1 #td3 { width: 100px; float: left; } 
    #tbl1 #td4 { width: 100px; float: right; } 
    #tbl1 #td5 { border: 1px solid black; color: red; height: 500px; vertical-align: middle; } 
    </style>
    </head>
    <body> 
    <table id="tbl1"> 
    <tr> 
    <td id="td1">Hello. I am a TD with no cellpadding, no cellspacing and a very funky border.</td> 
    </tr> 
    <tr> 
    <td id="td2">Howdy. I am also a TD but I have 20px padding and a background-color of #eee, that makes me special.</td> 
    </tr> 
    <tr> 
    <td id="td3">I have a twin, he is over there --&gt;</td> 
    <td id="td4">I have a twin, she is over there &lt;--</td> 
    </tr> 
    <tr> <td id="td5">I am not a people person, that is why I stay in the middle so I am far away from everyone.</td>
    </tr> 
    </table>
    </body>
    </table>
    </body>
    </html>
    You may also want to check out this thread:http://www.webdesignforums.net/html_...css_30160.html

  4. #3
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    I don't think that anyone here is going to do your homework for you. Its not ethical really. What you are looking for are the attributes colspan and rowspan. This assignment is far from difficult.

    http://www.w3schools.com/html/html_tables.asp

    P.S.
    Quote Originally Posted by Geng070
    (paste the code here for me when youre done)
    GTFO :ninja:

  5. #4
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    I suggest you use diddy's and Jason's information to get you started and look up any of the bits you don't know.

    People here will be glad to answer any questions you have but requesting the complete answer to be given to you on a plate isn't a good idea.

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,973
    Member #
    5580
    Liked
    760 times
    Shame on them for even mentioning tables.


  7. #6
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    "Shame on them for even mentioning tables. "

    Nope, there's no problem using tables in the example they've shown. Tables still have a use for tabulated data.

  8. #7
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,973
    Member #
    5580
    Liked
    760 times
    I'm just in a "punchy" mood today.


  9. #8
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    I usually wouldn't use tables, and if it were anything else I would have tolid Geng070 not to use them. HOWEVER, seeming as it is tabluature data, then I think it is quite acceeptable to use tables. HOWEVER, tables are a pain to style using CSS.

  10. #9
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    Don't forget though, it's not semantic markup to use anything other than a table for tabulated data.

  11. #10
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    They're not really that much of a pain to style. There are useful rules for most things you want to do with a table. The only thing you need to remember is to set certain HTML values to 0 so you can then modify them in CSS.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:32 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com