home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web15 / tutorial.05 / Case.03 / dtable.css < prev    next >
Cascading Style Sheet File  |  2011-03-25  |  2KB  |  51 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Case Problem 3
  5.  
  6.    Dome Table Style Sheet
  7.    Author: Amber Jowers
  8.    Date:   March 24, 2011
  9.  
  10.    Filename:         dtable.css
  11.    Supporting Files: bottom.jpg, bottomleft.jpg, bottomright.jpg,         left.jpg, right.jpg, tableback.jpg, top.jpg, topleft.jpg,     topright.jpg
  12. */
  13.  
  14.  
  15. table.domeSpecs {float: right; font-size: 12 px; 
  16.          margin: 0px 0px 10px 20px; 
  17.          border-collapse: collapse; 
  18.          background: url(tableback.jpg) no-repeat 98% 70%}
  19.  
  20. table.domeSpecs caption {font-size: 16px; letter-spacing: 5px;                  caption-side: top; text-align: center} 
  21.  
  22. table.domeSpecs tr    {height: 30px}
  23.  
  24. table.domeSpecs td    {padding: 0px 5px 0px 5px}
  25.  
  26. table.domeSpecs thead tr  {border-bottom: 2px solid gray;                           letter-spacing: 2px; 
  27.                background: url(top.jpg) repeat-x top}
  28.  
  29. table.domeSpecs tfoot tr  {border-top: 2px solid gray; 
  30.                text-align: center; 
  31.                background: url(bottom.jpg) repeat-x                       bottom}
  32.  
  33. table.domeSpecs tbody tr  {border: 1px dotted gray}
  34.  
  35. table.domeSpecs col.firstColumn  {width: 22%; 
  36.                 background: url(left.jpg) repeat-y                     left}
  37.  
  38. table.domeSpecs col.middleColumns {width: 28%; 
  39.                 background: url(blank.gif) repeat}
  40.  
  41. table.domeSpecs col.lastColumn  {width: 22%; 
  42.                 background: url(right.jpg) repeat-y                 right} 
  43.  
  44. table.domeSpecs #topLeft  {background: url(topleft.jpg) no-repeat                top left}
  45.  
  46. table.domeSpecs #topRight {background: url(topright.jpg) no-repeat                top right}
  47.  
  48. table.domeSpecs #bottomLeft  {background: url(bottomleft.jpg)                   no-repeat bottom left}
  49.  
  50. table.domeSpecs #bottomRight {background: url(bottomright.jpg)                   no-repeat bottom right}
  51.