Menu
Community /Pin to ProfileBookmark
@NogDogFeb 22.2006 — #Eh, he's in Australia. They're not getting ready for "March Madness" there. ? (B_G: we're talking about single-elimination tournament pairings, such as at the Australian Open tennis tournament: 32 pairings, the winners play in 16 pairings, those winners in 8 pairings, etc. down to the finals. The NCAA college basketball tournament is always a big deal here in the US, especially for office pools where you get points for picking who the winner will be in each game in the "bracket".)
I tried messing around with creating a CSS bracket last year (no tables) but failed miserably. Maybe I'll try again now that I have another year of CSS experience under my belt.@NogDogFeb 22.2006 — #Here's a fairly simple table layout for one 16-team region:
creating tournament brackets?
does anyone know how to code a bracket for like tournament use? i wanna make my own tournaments
Sign in
to post a comment16 Comments(s) ↴
0
@NogDogFeb 22.2006 — #Eh, he's in Australia. They're not getting ready for "March Madness" there. ? (B_G: we're talking about single-elimination tournament pairings, such as at the Australian Open tennis tournament: 32 pairings, the winners play in 16 pairings, those winners in 8 pairings, etc. down to the finals. The NCAA college basketball tournament is always a big deal here in the US, especially for office pools where you get points for picking who the winner will be in each game in the "bracket".)I tried messing around with creating a CSS bracket last year (no tables) but failed miserably. Maybe I'll try again now that I have another year of CSS experience under my belt.
0
@NogDogFeb 22.2006 — #Here's a fairly simple table layout for one 16-team region:[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Page Title</title>
<!-- link rel='stylesheet' href='style.css' type='text/css' -->
<style type="text/css">
<!--
table {
border-collapse: collapse;
border: none;
font: small arial, helvetica, sans-serif;
}
td {
vertical-align: middle;
width: 10em;
margin: 0;
padding: 0;
}
td p {
border-bottom: solid 1px black;
margin: 0;
padding: 5px 5px 2px 5px;
}
-->
</style>
</head>
<body>
<table summary="Tournament Bracket">
<tr>
<td><p>1. team name</p></td>
<td rowspan="2"><p>team name</p></td>
<td rowspan="4"><p>team name</p></td>
<td rowspan="8"><p>team name</p></td>
<td rowspan="16"><p>team name</p></td>
</tr>
<tr>
<td><p>16. team name</p></td>
</tr>
<tr>
<td><p>8. team name</p></td>
<td rowspan="2"><p>team name</p></td>
</tr>
<tr>
<td><p>9. team name</p></td>
</tr>
<tr>
<td><p>5. team name</p></td>
<td rowspan="2"><p>team name</p></td>
<td rowspan="4"><p>team name</p></td>
</tr>
<tr>
<td><p>12. team name</p></td>
</tr>
<tr>
<td><p>4. team name</p></td>
<td rowspan="2"><p>team name</p></td>
</tr>
<tr>
<td><p>13. team name</p></td>
</tr>
<tr>
<td><p>6. team name</p></td>
<td rowspan="2"><p>team name</p></td>
<td rowspan="4"><p>team name</p></td>
<td rowspan="8"><p>team name</p></td>
</tr>
<tr>
<td><p>11. team name</p></td>
</tr>
<tr>
<td><p>3. team name</p></td>
<td rowspan="2"><p>team name</p></td>
</tr>
<tr>
<td><p>14. team name</p></td>
</tr>
<tr>
<td><p>7. team name</p></td>
<td rowspan="2"><p>team name</p></td>
<td rowspan="4"><p>team name</p></td>
</tr>
<tr>
<td><p>10. team name</p></td>
</tr>
<tr>
<td><p>2. team name</p></td>
<td rowspan="2"><p>team name</p></td>
</tr>
<tr>
<td><p>15. team name</p></td>
</tr>
</table>
</body>
</html>
[/code]