Code Snippets

Original Page

Code
Created with Colorer-take5 Library. Type 'net.sf.colorer.FileType@b48230' 0: &lt; body style = " margin :  0 ; " > 1: &lt; style > 2:  td. navBorder1 3:  {  4:     font-family : Verdana, Arial , Helvetica , sans-serif ; 5:    font-size : 10 px ; 6:    color : # 000000 ; 7:  }  8:    9:   . navLink1 10:  {  11:     color : # 000000 ; 12:    height : 19 ; 13:    text-decoration : none ; 14:    padding : 3 4 0 6 ; 15:    display : block ;  /* define as block */ 16:    background-color : whitesmoke ; 17:  }  18:    19:   . navLink1 : hover 20:  {  21:     background-color : # DAD8D8 ; 22:    color : # ffffff ; 23:  }  24:  25: &lt;/ style > 26: &lt; table > 27: &lt; tr > 28:  &lt; td  class = "navBorder1" > &lt; a  href = "#"  class = "navLink1" > Page 1 &lt;/ a > &lt;/ td > 29: &lt;/ tr > 30: &lt; tr > 31:  &lt; td  class = "navBorder1" > &lt; a  href = "#"  class = "navLink1" > Page 2 &lt;/ a > &lt;/ td > 32: &lt;/ tr > 33: &lt;/ table > 34: &lt;/ body >

Code
Created with Colorer-take5 Library. Type 'net.sf.colorer.FileType@a06816' 0: &lt; body style = " margin : 0 ; "  > 1: &lt; style > 2:  td   3:   { 4:    font-family : Verdana, Arial , Helvetica , sans-serif ; 5:    font-size : 10 px ; 6:  }   7:   8:   . directionArrow 9:  {  10:     margin-top : 2px ; 11:    display : block ; 12:    float : right ; 13:  }  14:  15: . menu 16: { 17:   margin : 2px ; 18:  background-color : whitesmoke ; 19:  border-right : 2px solid # ffffff ; 21: } 22:  23: . menuLink 24: { 25:   color : black ; 26:  height : 10px ; 27:  display : block ; 28:  padding : 3px ; 29:  text-decoration : none ; 30:  border-bottom : 3px solid whitesmoke ; 31: 32: }  33:  34: . menuLink : hover 35: { 36:   border-color : pink ; 37:  color : black ; 38: } 39: &lt;/ style > 40: 41:     &lt; table  cellspacing = "0"  cellpadding = "0"  border = "0" > 42:    &lt; tr > 43:      &lt; td  class = "menu"  width = "100" > &lt; a  href = "index.html"  class = "menuLink" > 44:        &lt; img  border = "0"  src = "icon_arrow_down_1.gif" 45:         width = "9"  height = "8"  class = "directionArrow" > 46:          Surname &lt;/ a > &lt;/ td > 47:      &lt; td  class = "menu" > &lt; a  href = "index.html"  class = "menuLink" > Firstname &lt;/ a > &lt;/ td > 48:      &lt; td  class = "menu" > &lt; a  href = "index.html"  class = "menuLink" > Address &lt;/ a > &lt;/ td > 49:    &lt;/ tr > 50:    &lt;/ table > 51: &lt;/ body >