Coding a Flexible HTML Sports Bracket

Question

Hello,

I am trying to create a bracket system using HTML. I've found other solutions, however, most require lots of absolute/relative positioning or tables.

I'm looking for a way to make it flexible, so I can just change the HTML to change it from a 16-man bracket to a 64-man bracket.

What I have so far (2 examples)

Now, I don't see much wrong with my current example, however, I'm just curious if there is anyone out there has some suggestions on improving or completely changing the way I am doing it.

I'd rather stay away from tables, and definitely stay away from any sort of positioning (this is meant to be flexible).

If you have any ideas, that would be great. :)

Thanks,

Andrew

Answer 1

That actually looks fairly good. What I would do to improve it is encapsulate the logic in a bit of Javascript, supply the bracket information in some sort of text format, and have the Javascript parse the text format to generate the bracket as deeply as you need it.

Answer 2

Andrew I am tryng to do the same thing, would you mind sharing the source code?