home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web31 / Section_78401 / Students / Kubit_Braden / tutorial.06 / review / vforms.css < prev    next >
Cascading Style Sheet File  |  2011-12-01  |  1KB  |  39 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 6
  4.    Review Assignment
  5.  
  6.    Volunteer Form Style Sheet
  7.    Author: Braden Kubit
  8.    Date:   10/30/11
  9.  
  10.    Filename:         forms.css
  11.    Supporting Files: none
  12.  
  13. */
  14.  
  15. fieldset          {margin-bottom: 10px; padding: 10px; background-color: rgb(237,233,223)}
  16.  
  17. span {color: red}
  18.  
  19. label.blockLabel     {display: block; position: relative; width: 450px; margin-top: 12px; margin-bottom: 12px; margin-left: 0px; margin-right: 0px}
  20.  
  21. label.blockLabel input {position: absolute; left: 140px}
  22.  
  23. #fName, #lName {width: 250px}
  24. #street1, #street2 {width; 350px}
  25. #phone, #city {width: 150px}
  26. #state {width: 40px}
  27. #zip {width: 80px}
  28.  
  29. fieldset.interestField {position: relative; width: 450px; height: 120px; padding: 5px}
  30.  
  31. #interest1 {position: absolute; top: 20px; left: 0px}
  32. #interest2 {position: absolute; top: 20px; left: 140px}
  33. #interest3 {position: absolute; top: 20px; left: 280px}
  34. #interest4 {position: absolute; top: 50px; left: 0px}
  35. #interest5 {position: absolute; top: 50px; left: 140px}
  36. #interest6 {position: absolute; top: 50px; left: 280px}
  37. #interest7 {position: absolute; top: 80px; left: 0px}
  38. #interest8 {position: absolute; top: 80px; left: 140px} 
  39. #interest9 {position: absolute; top: 80px; left: 280px}