The My Broken Leg page was one of the more visited parts of my site back in the day. I often received emails from people who had recently broken their leg and were looking for information about what lay ahead for them. At the time, there weren’t very many medical resources available online, but things are much better now. I rarely get emails about my broken leg anymore, but still want to share whatever information I can.
I performed the standard cleanup to this page – splitting style out into a CSS file, removing broken links, adding a bit of new information. I also noticed that both the thumbnails and linked images on this page were relics of a time when screens were smaller and downloads were slower. I made the thumbnails larger so they show up better, but the source images (scanned from photos and X-rays) are still a bit smaller than I’d like. In a future change I hope to show these larger images as overlays when the user hovers over a thumbnail.
This is the first time I used floats to place images on one or both sides of a block of text. I ran into a bit of a problem with text that extended below the images, as it started filling in the area below the images. This was particularly bad for the list text. I found that using overflow: hidden was the right way to prevent this, though the name of that command suggests it would do something different (like hide the overflow!).