Имеется HTML код (ниже фрагмент)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div id="imenus0"style="width:664px;z-index:999999;position:relative;">
<div class="imcm">
<ul>
<li style="width:70px;"><a href="#">SYSTEM</a>
<div class="imsc"><div class="imsubc" style="width:110px;top:0px;left:0px;"><ul style="">
<li>
<a href="#">Total Info</a>
</li>
<li>
<a href="#">Specification Info</a>
</li>
</ul></div></div>
</li>
Путем применения CSS этот код преобразуется в выпадающее меню.
Для того чтобы переходы осуществлялись согласно navigation-rule, указанным в faces-confige, потребовалось применить JSF-компоненту commandLink, получилось следующее (фрагмент):
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<div id="imenus0"style="width:664px;z-index:999999;position:relative;">
<div class="imcm">
<ul>
<li style="width:70px;"><a href="#">SYSTEM</a>
<div class="imsc"><div class="imsubc" style="width:110px;top:0px;left:0px;"><ul style="">
<li>
<h:form>
<h:commandLink action="TOTAL_INFO" value="Total Info" />
</h:form>
</li>
<li>
<a href="#">Specification Info</a>
</li>
</ul></div></div>
</li>
Однако в итоге получилось что данная ссылка вылезла вверх над меню, при просмотре полученного в результате HTML кода, оказалось следуюющее:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<a href="#" hreflang="en" onclick="document.forms['_id0']['_id0:_idcl'].value='_id0:_id1'; document.forms['_id0'].submit(); return false;" class="jsfimcm">Total Info4</a> <input type="hidden" name="com.sun.faces.VIEW" value="rO0ABXNyACBjb20uc3VuLmZhY2VzLnV0aWwuVHJlZVN0cnVjdHVyZRRmG0QclWAgAgAETAAIY2hpbGRyZW50ABVMamF2YS91dGlsL0FycmF5TGlzdDtMAAljbGFzc05hbWV0ABJMamF2YS9sYW5nL1N0cmluZztMAAZmYWNldHN0ABNMamF2YS91dGlsL0hhc2hNYXA7TAACaWRxAH4AAnhwc3IAE2phdmEudXRpbC5BcnJheUxpc3R4gdIdmcdhnQMAAUkABHNpemV4cAAAAAN3BAAAAApzcQB+AABzcQB+AAUAAAABdwQAAAAKc3EAfgAAcHQAKmphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxDb21tYW5kTGlua3B0AARfaWQxeHQAI2phdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxGb3JtcHQABF9pZDBzcQB+AABwcQB+AApwdAAEX2lkMnNxAH4AAHBxAH4ACnB0AARfaWQzeHQAIGphdmF4LmZhY2VzLmNvbXBvbmVudC5VSVZpZXdSb290cHB1cgATW0xqYXZhLmxhbmcuT2JqZWN0O5DOWJ8QcylsAgAAeHAAAAACdXEAfgATAAAABHVxAH4AEwAAAAhzcgARamF2YS51dGlsLkhhc2hNYXAFB9rBwxZg0QMAAkYACmxvYWRGYWN0b3JJAAl0aHJlc2hvbGR4cD9AAAAAAAAMdwgAAAAQAAAAAXQAJGphdmF4LmZhY2VzLndlYmFwcC5DVVJSRU5UX1ZJRVdfUk9PVHEAfgAZeHBwcHNyABFqYXZhLmxhbmcuQm9vbGVhbs0gcoDVnPruAgABWgAFdmFsdWV4cAFzcQB+ABoAcHB0AApIVE1MX0JBU0lDdAAOL3RvdGFsaW5mby5qc3BzcgAQamF2YS51dGlsLkxvY2FsZX74EWCcMPnsAgAESQAIaGFzaGNvZGVMAAdjb3VudHJ5cQB+AAJMAAhsYW5ndWFnZXEAfgACTAAHdmFyaWFudHEAfgACeHD/////dAAAdAACZW5xAH4AIXVxAH4AEwAAAAN1cQB+ABMAAAACdXEAfgATAAAAFnVxAH4AEwAAAAhzcQB+ABc/QAAAAAAADHcIAAAAEAAAAAF0ACBqYXZheC5mYWNlcy53ZWJhcHAuQ09NUE9ORU5UX0lEU3NxAH4ABQAAAAF3BAAAAApxAH4AC3h4cHQABF9pZDBxAH4ADXEAfgAbcQB+ABx0ABBqYXZheC5mYWNlcy5Gb3JtcHBwcHQAIWFwcGxpY2F0aW9uL3gtd3d3LWZvcm0tdXJsZW5jb2RlZHBwcHBwcHBwcHBwcHBwcHBwdXEAfgATAAAAAXVxAH4AEwAAAAJ1cQB+ABMAAAAcdXEAfgATAAAABnVxAH4AEwAAAAhzcQB+ABc/QAAAAAAADHcIAAAAEAAAAAB4cHQACV9pZDA6X2lkMXEAfgALcQB+ABtxAH4AHHQAEGphdmF4LmZhY2VzLkxpbmtwc3IAJmphdmF4LmZhY2VzLmNvbXBvbmVudC5TdGF0ZUhvbGRlclNhdmVyWcqzPZOczU0CAAJMAAljbGFzc05hbWVxAH4AAkwACnNhdmVkU3RhdGV0ABJMamF2YS9sYW5nL09iamVjdDt4cHQAKGNvbS5zdW4uZmFjZXMudXRpbC5Db25zdGFudE1ldGhvZEJpbmRpbmd0AApUT1RBTF9JTkZPcHEAfgAccQB+ABx0AAtUb3RhbCBJbmZvNHBwcHBxAH4AInBwcHBwcHBwcHBwcHBwcHBwdAAHanNmaW1jbXBwcHB1cQB+ABMAAAAAdXEAfgATAAAAAnVxAH4AEwAAABx1cQB+ABMAAAAGdXEAfgATAAAACHNxAH4AFz9AAAAAAAAMdwgAAAAQAAAAAHhwdAAEX2lkMnEAfgAPcQB+ABtxAH4AHHEAfgA0cHNxAH4ANXEAfgA4dAAIQUREX1VTRVJwcQB+ABxxAH4AHHQACkFkZCBDbGllbnRwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcQB+AEVwdXEAfgATAAAAAHVxAH4AEwAAAAJ1cQB+ABMAAAAcdXEAfgATAAAABnVxAH4AEwAAAAhzcQB+ABc/QAAAAAAADHcIAAAAEAAAAAB4cHQABF9pZDNxAH4AEXEAfgAbcQB+ABxxAH4ANHBzcQB+ADVxAH4AOHQACkxJU1RfVVNFUlNwcQB+ABxxAH4AHHQADUNsaWVudHMnIExpc3RwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcQB+AE9wdXEAfgATAAAAAA==" />
<input type="hidden" name="_id0" value="_id0" /><input type="hidden" name="_id0:_idcl" /></form></a></a>
<div id="imenus0"style="width:664px;z-index:999999;position:relative;">
<div class="imcm">
<ul>
<li style="width:70px;"><a href="#">SYSTEM</a>
<div class="imsc"><div class="imsubc" style="width:110px;top:0px;left:0px;"><ul style="">
<li>
</li>
<li>
<a href="#">Specification Info</a>
</li>
Т.е. сгенерированная ссылка оказалась намного выше самого меню, на которое распространяется CSS.
Каким образом заставить ссылку генерироваться строго в указанном месте внутри HTML? Или каким образом можно переделать меню с применением JSF-компонент таким образом, чтобы получить обычное выпадающее меню?
