Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Clan/Squad Roster

    Hey guys. I did a few searches through Google as well as on this site but I didn't find anything that really helps what I am trying to accomplish. I've got a website that is mostly co workers and RL friends, but I am trying to create a member Roster. I've been trying to do it through Tables, and I'm sure that's the best way to do it but I am having trouble with the coding. In fact, I have no coding now because I got so annoyed I deleted it all -.-

    Silly decision, I know. Either way, what I am trying to do would be something like


    I feel confident enough with sprucing it up with colors and shadows and what not but I am having a hard time getting the Officers/Members lines and the Games to line up. It's doing this:
    OfficerGame
    A Battle
    B Grand Theft

    Members Game
    C Battle
    D Battle
    E GTA

    I know it was stupid to delete the code I had, but like I said I was annoyed. I was going to just try re writing it but then I decided I might as well ask for help before I waste any more time trying to figure this out. (I'm all self taught and never bothered with tables until now)

    Also, when you have the following:

    <tr>
    <td>A</td>
    <td>Battlefield 4</td>
    </tr>
    <tr>
    <td>B</td>
    <td>Battlefield 4</td>
    </tr>

    it makes the A & Battlefield side by side, is it possible to code it somehow to have:

    <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
    </tr>
    <tr>
    <td>Battlefield 4</td>
    <td>Battlefield 4</td>
    <td>GTA5</td>
    <td>GTA5</td>
    </tr>


    So.. if that makes any sense, it would be nice to have everything in a vertical column grouped together in the first <tr>.

    ---------------------------------------------------
    Last but not least, if anyone has any other ideas for a good way to add a roster - short of doing nuke/joomla/etc I would love opinions.
    Sorry for the ridiculously long post!

  • #2
    New Coder
    Join Date
    Aug 2012
    Location
    New Zealand
    Posts
    52
    Thanks
    2
    Thanked 4 Times in 4 Posts
    Does something like this work?
    http://jordandiamond.net/examples/

  • #3
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    On the link, the columns don't match up. The games field doesn't line up. Which is my problem - and I've tried on two computers.

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,484
    Thanks
    23
    Thanked 636 Times in 635 Posts
    Does this work for you?
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    table{
    	border-collapse:collapse;
    }
    td{
    	border: black solid 1px;
    }
    </style>
    </head>
    <body>
    
    <table>
      <thead>
        <th style="width:110px"><b>Officers</b></th>
        <th style="width:110px"><b>Game</b></th>
      </thead>
      <tr>
        <td>A</td>
        <td>Battlefield</td>
      </tr>
      <tr>
        <td>B</td>
        <td>Grand Theft Auto</td>
      </tr>
      <tr>
        <td>C</td>
        <td>Etc</td>
      </tr>
    </table>
    
    <table>
      <thead>
        <th style="width:110px"><b>Members</b></th>
        <th style="width:110px"><b>Games</b></th>
      </thead>
      <tr>
        <td>A</td>
        <td>Battlefield</td>
      </tr>
      <tr>
        <td>B</td>
        <td>Etc</td>
      </tr>
      <tr>
        <td>C</td>
        <td>Etc</td>
      </tr>
    </table>
    
    </body>
    </html>
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    Posting Permissions

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