Thursday, February 17, 2011

HTML to create tournament final four bracket?

Is there a website I can create an HTML final four bracket?

Or is there just HTML out there that will create it automatically and I can just fill in the specifics?

From stackoverflow
  • I don't really know what you need from the question but from the looks of it try out:

    http://www.bracketmaker.com/

  • Stumbled upon this HTML code, this did the trick. I will post it just in case anyone down the road has the same question.

    table.bracket {
        border-collapse: collapse;
        border: none;
    }
    
    .bracket td {
        vertical-align: middle;
        width: 40em;
        margin: 0;
        padding: 10px;
    }
    
    .bracket td p {
        border-bottom: solid 1px black;
        margin: 0;
        padding: 5px 5px 5px 5px;
    }
    
    .bracket th{
        text-align:center;
    }
    
    <table summary="Tournament Bracket" class="bracket">
    <tr>
        <th>National Semi-Finals<br>Saturday November 8th</th>
        <th>National Championship<br>Sunday November 9th</th>
        <th>NJCAA National Champion</th>
    </tr>
    <tr>
        <td><p>#1 Manchester CC (17-2-1)</p></td>
        <td rowspan="2"><p></p></td>
        <td rowspan="4"><p></p></td>
    </tr>
    <tr>
        <td><p>#4 Triton College (13-4-0)</p></td>
    </tr>
    <tr>
        <td><p>#2 Herkimer County CC (18-3-0)</p></td>
        <td rowspan="2"><p></p></td>
    </tr>
    <tr>
        <td><p>#3 County College of Morris (17-3-0)</p></td>
    </tr>
    </table>
    
  • This NBA Playoff bracket built with html/css and the blog post about it may provide some inspiration.

  • {spam removed.}

0 comments:

Post a Comment