Skip to content

Commit c6cbd81

Browse files
hanshillenhanshillen
committed
Updated menubar test to use UL elements rather than DIVs
1 parent 8a0df90 commit c6cbd81

File tree

1 file changed

+120
-96
lines changed

1 file changed

+120
-96
lines changed

‎tests/visual/menu/menubar.html

Lines changed: 120 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,16 @@
5555
.ui-menubar .ui-button { float: left; font-weight: normal; border-top-width: 0 !important; border-bottom-width: 0 !important; margin: 0; outline: none; }
5656
.ui-menubar .ui-menubar-link { border-right: 1px dashed transparent; border-left: 1px dashed transparent; }
5757

58+
ol.ui-menubar, ul.ui-menubar {
59+
list-style: none;
60+
margin-left: 0;
61+
padding-left: 0;
62+
}
63+
64+
li.ui-menubar-item {
65+
float: left;
66+
}
67+
5868
table {
5969
border-collapse: collapse;
6070
}
@@ -66,85 +76,97 @@
6676
</head>
6777
<body>
6878

69-
<div id="bar1" class="menubar">
70-
<a href="#">File</a>
71-
<ul>
72-
<li><a href="#">Open...</a></li>
73-
<li class="ui-state-disabled">Open recent...</li>
74-
<li><a href="#">Save</a></li>
75-
<li><a href="#">Save as...</a></li>
76-
<li><a href="#">Close</a></li>
77-
<li><a href="#">Quit</a></li>
78-
</ul>
79-
<a href="#">Edit</a>
80-
<ul>
81-
<li><a href="#">Copy</a></li>
82-
<li><a href="#">Cut</a></li>
83-
<li class="ui-state-disabled">Paste</li>
84-
</ul>
85-
<a href="#">View</a>
86-
<ul>
87-
<li><a href="#">Fullscreen</a></li>
88-
<li><a href="#">Fit into view</a></li>
89-
<li>
90-
<a href="#">Encoding</a>
91-
<ul>
92-
<li><a href="#">Auto-detect</a></li>
93-
<li><a href="#">UTF-8</a></li>
94-
<li>
95-
<a href="#">UTF-16</a>
96-
<ul>
97-
<li><a href="#">Option 1</a></li>
98-
<li><a href="#">Option 2</a></li>
99-
<li><a href="#">Option 3</a></li>
100-
<li><a href="#">Option 4</a></li>
101-
</ul>
102-
</li>
103-
</ul>
104-
</li>
105-
<li><a href="#">Customize...</a></li>
106-
</ul>
107-
</div>
79+
<ul id="bar1" class="menubar">
80+
<li>
81+
<a href="#">File</a>
82+
<ul>
83+
<li><a href="#">Open...</a></li>
84+
<li class="ui-state-disabled">Open recent...</li>
85+
<li><a href="#">Save</a></li>
86+
<li><a href="#">Save as...</a></li>
87+
<li><a href="#">Close</a></li>
88+
<li><a href="#">Quit</a></li>
89+
</ul>
90+
</li>
91+
<li>
92+
<a href="#">Edit</a>
93+
<ul>
94+
<li><a href="#">Copy</a></li>
95+
<li><a href="#">Cut</a></li>
96+
<li class="ui-state-disabled">Paste</li>
97+
</ul>
98+
</li>
99+
<li>
100+
<a href="#">View</a>
101+
<ul>
102+
<li><a href="#">Fullscreen</a></li>
103+
<li><a href="#">Fit into view</a></li>
104+
<li>
105+
<a href="#">Encoding</a>
106+
<ul>
107+
<li><a href="#">Auto-detect</a></li>
108+
<li><a href="#">UTF-8</a></li>
109+
<li>
110+
<a href="#">UTF-16</a>
111+
<ul>
112+
<li><a href="#">Option 1</a></li>
113+
<li><a href="#">Option 2</a></li>
114+
<li><a href="#">Option 3</a></li>
115+
<li><a href="#">Option 4</a></li>
116+
</ul>
117+
</li>
118+
</ul>
119+
</li>
120+
<li><a href="#">Customize...</a></li>
121+
</ul>
122+
</li>
123+
</ul>
108124

109-
<div id="bar2" class="menubar-icons">
110-
<a href="#">File</a>
111-
<ul>
112-
<li><a href="#">Open...</a></li>
113-
<li class="ui-state-disabled">Open recent...</li>
114-
<li><a href="#">Save</a></li>
115-
<li><a href="#">Save as...</a></li>
116-
<li><a href="#">Close</a></li>
117-
<li><a href="#">Quit</a></li>
118-
</ul>
119-
<a href="#">Edit</a>
120-
<ul>
121-
<li><a href="#">Copy</a></li>
122-
<li><a href="#">Cut</a></li>
123-
<li class="ui-state-disabled">Paste</li>
124-
</ul>
125-
<a href="#">View</a>
126-
<ul>
127-
<li><a href="#">Fullscreen</a></li>
128-
<li><a href="#">Fit into view</a></li>
129-
<li>
130-
<a href="#">Encoding</a>
131-
<ul>
132-
<li><a href="#">Auto-detect</a></li>
133-
<li><a href="#">UTF-8</a></li>
134-
<li>
135-
<a href="#">UTF-16</a>
136-
<ul>
137-
<li><a href="#">Option 1</a></li>
138-
<li><a href="#">Option 2</a></li>
139-
<li><a href="#">Option 3</a></li>
140-
<li><a href="#">Option 4</a></li>
141-
</ul>
142-
</li>
143-
</ul>
144-
</li>
145-
<li><a href="#">Customize...</a></li>
146-
</ul>
147-
</div>
125+
<ul id="bar2" class="menubar-icons">
126+
<li>
127+
<a href="#">File</a>
128+
<ul>
129+
<li><a href="#">Open...</a></li>
130+
<li class="ui-state-disabled">Open recent...</li>
131+
<li><a href="#">Save</a></li>
132+
<li><a href="#">Save as...</a></li>
133+
<li><a href="#">Close</a></li>
134+
<li><a href="#">Quit</a></li>
135+
</ul>
136+
</li>
137+
<li>
138+
<a href="#">Edit</a>
139+
<ul>
140+
<li><a href="#">Copy</a></li>
141+
<li><a href="#">Cut</a></li>
142+
<li class="ui-state-disabled">Paste</li>
143+
</ul>
144+
</li>
145+
<li>
146+
<a href="#">View</a>
147+
<ul>
148+
<li><a href="#">Fullscreen</a></li>
149+
<li><a href="#">Fit into view</a></li>
150+
<li>
151+
<a href="#">Encoding</a>
152+
<ul>
153+
<li><a href="#">Auto-detect</a></li>
154+
<li><a href="#">UTF-8</a></li>
155+
<li>
156+
<a href="#">UTF-16</a>
157+
<ul>
158+
<li><a href="#">Option 1</a></li>
159+
<li><a href="#">Option 2</a></li>
160+
<li><a href="#">Option 3</a></li>
161+
<li><a href="#">Option 4</a></li>
162+
</ul>
163+
</li>
164+
</ul>
165+
</li>
166+
<li><a href="#">Customize...</a></li>
167+
</ul>
168+
</li>
169+
</ul>
148170

149171
<table id="movies" class="ui-widget">
150172
<thead>
@@ -161,24 +183,26 @@
161183
<td class="ui-widget-content">1993</td>
162184
<td class="ui-widget-content">3.6</td>
163185
<td class="ui-widget-content">
164-
<div class="menubar">
165-
<a href="#">Options</a>
166-
<ul>
167-
<li><a href="#">Order...</a></li>
168-
<li class="ui-state-disabled">Write a Review...</li>
169-
<li><a href="#">Find Similar Movies...</a></li>
170-
<li>
171-
<a href="#">Rate</a>
172-
<ul>
173-
<li><a href="#">5 stars</a></li>
174-
<li><a href="#">4 stars</a></li>
175-
<li><a href="#">3 stars</a></li>
176-
<li><a href="#">2 stars</a></li>
177-
<li><a href="#">1 stars</a></li>
178-
</ul>
179-
</li>
180-
</ul>
181-
</div>
186+
<ul class="menubar">
187+
<li>
188+
<a href="#">Options</a>
189+
<ul>
190+
<li><a href="#">Order...</a></li>
191+
<li class="ui-state-disabled">Write a Review...</li>
192+
<li><a href="#">Find Similar Movies...</a></li>
193+
<li>
194+
<a href="#">Rate</a>
195+
<ul>
196+
<li><a href="#">5 stars</a></li>
197+
<li><a href="#">4 stars</a></li>
198+
<li><a href="#">3 stars</a></li>
199+
<li><a href="#">2 stars</a></li>
200+
<li><a href="#">1 stars</a></li>
201+
</ul>
202+
</li>
203+
</ul>
204+
</li>
205+
</ul>
182206
</td>
183207
</tr>
184208
<tr>

0 commit comments

Comments
 (0)