Попытка добавить изображение для пунктов меню

Это пункты меню. Обратите внимание, что я даю класс изображения в пункт меню «Город».Попытка добавить изображение для пунктов меню

<p:submenu label="Address"> 
    <p:menuitem value="Country" url="/secured/country.xhtml?redirect=true" /> 
    <p:menuitem value="State" url="/secured/state.xhtml?redirect=true" /> 
    <p:menuitem value="City" url="/secured/city.xhtml?redirect=true" icon="images"/>       
    <p:menuitem value="Location" url="/secured/location.xhtml?redirect=true" /> 
</p:submenu>

Это мой CSS класс:

.images{ 
    background: url('../resources/images/admini.ico') no-repeat; 
    height:16px; 
    width:16px; 
}

Однако, вместо того, чтобы изображение появляется, появляется вверх-облицовочный показано стрелкой. Как я могу это исправить?

источник

2013-08-17 KUSHAL

попробуйте использовать некоторые * png * file inst ead of * ico *, также знаете, что вы можете использовать эти значки http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html (нажмите «Переключить текст», чтобы получить все имена значков) – Daniel

@ Даниэль попытался с изображением .png, но результат был, показывая этот символ «^» вместо изображения – KUSHAL

@ Даниэль Я хочу использовать собственный набор изображений – KUSHAL

попытаться определить значок следующим

.ui-menuitem-icon.images{ 
    background: url('../resources/images/someImage.png') no-repeat; 
    height:16px; 
    width:16px; 
}

и посмотреть на эту тему How do you add a custom icon to a menuitem?

источник

2013-08-17 10:04:17 Daniel

попробовать это ...

 .tabmenubutton 
     { 
     background:url("common/images/calendar.png") no-repeat !important; 
     width:20px; 
     height:20px; 
     }

XHTML:

 <p:menuitem value="Country" icon="tabmenubutton"/>

источник

2014-01-07 12:51:38

Попытка добавить изображение для пунктов меню

ответ

Смежные вопросы