I am looking to display labels based on the condition for that I am trying to use Outputpanel. But, If I use Outputpanel "li" tag styles are changing and Underline is coming on labels when we put mouseover on labels. It was coming good when we don't use outputpanel.
Here is the code:
<apex:outputPanel rendered="{! IsFrenchClient}">
<li class="navmenu-item2">
<apex:outputLink value="/apex/Web_LatestNews_LTG?tags=Glass%20School&thematicPage=1">
Glass School
<img class="menu-icon" src="{!URLFOR($Resource.picto_glassschool_white)}"/>
</apex:outputLink>
</li>
</apex:outputPanel>
<apex:outputPanel rendered="{! IsFrenchClient}">
<li class="navmenu-item2">
<apex:outputLink value="/apex/Web_LatestNews_LTG?tags=Decor&thematicPage=1">
Décors
<img class="menu-icon" src="{!URLFOR($Resource.picto_decors_white)}"/>
</apex:outputLink>
</li>
</apex:outputPanel>
O/P:
Is there any other option to display list based on the condition without changing the styles? OR please guide me using with Outputpanel. Thanks.
<div>
element. You may need to adjust your CSS to compensate for that.