From Null-pointer
Original Page
Menu Highlight with CSS
Code
Created with Colorer-take5 Library. Type 'net.sf.colorer.FileType@b48230'
0: <body style="margin: 0;">
1: <style>
2: td.navBorder1
3: {
4: font-family:Verdana,Arial,Helvetica,sans-serif;
5: font-size:10px;
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: </style>
26: <table>
27: <tr>
28: <td class="navBorder1"><a href="#" class="navLink1">Page 1</a></td>
29: </tr>
30: <tr>
31: <td class="navBorder1"><a href="#" class="navLink1">Page 2</a></td>
32: </tr>
33: </table>
34: </body>
Column Highlight with CSS
Code
Created with Colorer-take5 Library. Type 'net.sf.colorer.FileType@a06816'
0: <body style="margin:0;" >
1: <style>
2: td
3: {
4: font-family:Verdana,Arial,Helvetica,sans-serif;
5: font-size:10px;
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: </style>
40:
41: <table cellspacing="0" cellpadding="0" border="0">
42: <tr>
43: <td class="menu" width="100"><a href="index.html" class="menuLink">
44: <img border="0" src="icon_arrow_down_1.gif"
45: width="9" height="8" class="directionArrow">
46: Surname</a></td>
47: <td class="menu"><a href="index.html" class="menuLink">Firstname</a></td>
48: <td class="menu"><a href="index.html" class="menuLink">Address</a></td>
49: </tr>
50: </table>
51: </body>
