Is there anyway I can make tournament brackets on my page? I have a game site that has tournaments, and i want the teams that are in the tournament to be in tournament brackets. I do not need to know the php code inside to get the team names in, i know that bit, i just need the actual brackets. I know i could use tables, but then i would need an image for each row in each column, and it would not be stretchable (like if i have 8 teams its only 8 spots, but if i have 10, its 10 spots, etc. Does anyone know how i would go about doing this?
like in the nhl? like there are 4 boxes then it points to 2? like how playoffs are organized, google it and it will show u.s.a. I woild include a link, but i cant copy + paste on my wii
yes thats exactly what i mean, sorry for not being able to perfectly describe it, i dont ahve access to my home computer (virusses up the ass) so im on my wii, and using my brothers laptop when hes not around (shh) wiis cant copy or paste, so i couldnt show you, thanks for clearing up what im talkign about though sour, btw, i love that pic, mario ftw.
I've seen this done with a table. Logical structure would have each round represented in a row, that is, the brackets would read down instead of across. I leave that as an exercise for the class. Here's a horizontal version. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang='en' xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta name="generator" content= "HTML Tidy for Linux/x86 (vers 6 November 2007), see www.w3.org" /> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>16 Team Single Elimination Tournament</title> <style type="text/css"> /*<![CDATA[*/ table { border: none; border-spacing: .5em; } th { padding-bottom: .5em; } td { vertical-align: middle; width: 15em; } td p { position: relative; top: -1em; border-bottom: solid 1px black; margin: 0; padding: 5px 5px 0; } tr:first-child td { padding-top: .5em; } /*]]>*/ </style> </head> <body> <table summary="Tournament Bracket"> <caption> Single Elimination Tournament </caption> <thead> <tr> <th>Sweet 16</th> <th>Quarter Finals</th> <th>Semis</th> <th>Final</th> <th>The Champ</th> </tr> </thead> <tbody> <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> </tbody> </table> </body> </html> Code (markup): cheers, gary
Yeah, i know i can use tables, but all of my tournaments are with 16 players. Therefore I was wondering if i could make it expandable. Thanks though Gary