Chapter 4: Creating the Main Web Site
88
#header{
font-size:12px;
margin-bottom:10px;
}#footer{
clear:both;
padding-top:40px;
font-size:9px;
}#pleft{
float:left;
width:400px;
}#pleft img{
padding-right:10px;
}#pright{
float:right;
height:auto;
width:150px;
text-align:left;
padding-left:5px;
}#pright img{
padding-right:3px;
}Now isn ’ t the time to make everything perfect — you ’ ll have at least two or three passes available for
look and feel. For now, you ’ re much more worried about functionality.When you reload the home page in the browser, it should look like Figure 4 - 4.The top still doesn ’ t look right, nor is the page very pleasing to the eye (fonts are too big, link colors are
standard, and much more), but the page is fairly close to the spirit of the original diagram. Refresh the
browser a few times, and different products should be featured with each refresh. Notice that only one
sidebar feature for any given category is allowed on the right, and that none of those products is the
same as the main featured product.