1 <html>
2 <head>
3 <title>MouseOverTests</title>
4
5 <style>
6 #menuText
7 {
8 width: 10em;
9 display: block;
10 }
11
12 #menuText a
13 {
14 display: block;
15 font-family: arial;
16 font-size: 9pt;
17 padding-top: 5px;
18 padding-bottom: 6px;
19 padding-left: 16px;
20 padding-right: 16px;
21 line-height: 80%;
22 letter-spacing: 0;
23 width: 100%;
24 border-top: 1px
25 solid #333;
26 margin-bottom: 0px;
27 margin-top: 0px;
28 text-decoration: none;
29 }
30
31 #menuText a:hover
32 {
33 background-color: #CCC;
34 border-left: 3px solid blue;
35 padding-left: 13px;
36 border-right: 1px solid #333;
37 text-decoration: none;
38 }
39
40 #menuText br
41 {
42 display: none;
43 line-height: 0%;
44 }
45
46 #menu
47 {
48 margin-top: 0px;
49 padding: 20px 0 30px 10px;
50 width: 14em;
51 }
52
53 #menuText #last
54 {
55 border-bottom: 1px solid #333;
56 }
57
58 #menu2
59 {
60 width: 700px;
61 text-align: center;
62 }
63
64 #menuText2
65 {
66 width: 690px;
67 display: block;
68 text-align: center;
69 }
70
71 #menuText2 a
72 {
73 display: inline;
74 font-size: 9pt;
75 padding-left: 10px;
76 padding-right: 10px;
77 margin-left: 0px;
78 margin-right: 0px;
79 letter-spacing: 0px;
80 border-left: 1px solid black;
81 text-decoration: none;
82 }
83
84 #menuText2 a:hover
85 {
86 background-color: #EEE;
87 text-decoration: none;
88 }
89
90 #menuText2 #last
91 {
92 border-right: 1px solid black;
93 }
94
95 </style>
96
97 </head>
98
99 <body>
100
101 <div id="menu2">
102 <div id="menuText2">
103 <a href="">Menu1</a><a href="">Menu1</a><a href="">Menu1</a><a href="">Menu1</a><a id="last" href="">Menu1</a>
104 </div>
105 </div>
106
107 <div id="menu">
108 <div id="menuText">
109 <a href="">Menu 1</a><br />
110 <a href="">Menu 2</a><br />
111 <a href="">Menu 3</a><br />
112 <a href="">Menu 4</a><br />
113 <a id="last" href="">Menu 5</a><br />
114 </div>
115 </div>
116
117 </body>
118 </html>
[This message has been edited by
Kiption
(edited July 4, 2005
11:29:51 PM)]