HTML and CSS Reference
Web tables and
table styles to
create a puzzle
Case Problem 1
Data Files needed for this Case Problem: gold.jpg, green.jpg, jpf.css, jpf.jpg,
modernizr-1.5.js, stabletxt.css, sudokutxt.htm
The Japanese Puzzle Factory Rebecca Peretz has a passion for riddles and puzzles.
Her favorites are the Japanese logic puzzles that have become very popular in recent
years. Rebecca and a few of her friends have begun work on a new Web site called The
Japanese Puzzle Factory (JPF) , where they plan to create and distribute Japanese-style
puzzles. Eventually, the JPF Web site will include interactive programs to enable users to
solve the puzzles online, but for now Rebecca is interested only in the design and lay-
out of the pages. You've been asked to help by creating a draft version of the Web page
describing the Sudoku puzzle. Figure 5-54 shows a preview of the design and layout
you'll create for Rebecca.
The Japanese Puzzle Factory Sudoku page
Rebecca has created some of the content and designs for this page. Your task is to com-
plete the page by entering the code and styles for the Sudoku table, as well as adding
some background images to other sections of the page layout.
Complete the following:
1. Use your text editor to open the fi les stabletxt.css and sudokutxt.htm from the
tutorial.05\case1 folder. Enter your name and the date in the comment section
of each fi le. Save the fi les as stable.css and sudoku.htm , respectively, in the same