"Beginning PHP and MySQL E-Commerce: From Novice to Professional, Second Edition"
CHAPTER 3 ?– STARTING THE TSHIRTSHOP PROJECT 42 Table 3-1. YUI CSS Grid Builder Options Grid setting Value Body 750px. Body columns Sidebar left 180px. Split content Leave one row at ???1 Column (100)??? and click Add Another Row to add a new row. Figure 3-7. Using the YUI CSS Grid Builder 7. Click the Show Code button of the grid builder to have the tool generate the code for your grid. The code will be displayed in a window such as the one shown in Figure 3-8. ?– Note Using the YUI CSS Grid Builder helps generating the HTML layout for you, but using this tool is optional. If, for any reason, you can??™t or don??™t want to use the YUI CSS Grid Builder, simply skip to the next step of the exercise, where you can type the necessary code yourself. CHAPTER 3 ?– STARTING THE TSHIRTSHOP PROJECT 43 Figure 3-8. The code generated by the YUI CSS Grid Builder 8. Create a file named store_front.tpl in tshirtshop/presentation/templates, and add the following code to it. Note that we??™ve used here the code the YUI CSS Grid Builder generated for us earlier. {* smarty *} {config_load file="site.conf"} "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">