Adding image in hovermenu built by navigation tag lib

[Former Member]

Hi ,

I have created top level navigation using navigation tag library.It is hover menu.

Now in the dropdown menu I need to add an image and then the 2nd lecvel navigation with method as URL.

The code is as follows :

<li class="Level2">

<Table border=0 cellpadding="0">

<Tr>

<Td>

<img align=center src="<%=componentRequest.getWebResourcePath() + "/images/dot_w.gif" %>">

</TD>

<TD>

<nav:navNodeAnchor navigationMethod="byURL" hashURL="true" />

</Td>

</Tr>

</Table>

</li>

Now I want that when i move the cursor ,the entie thing i.e the image +the text should get highlighted to some color.In css I placed code for .Level2 a and .Level2 a:hover

But the highlight works only for the text in the navnodeanchor.I tried placing anchor tag for img also but it does not work.

Can someone please guide me thru this.

Thanks ,

Preeti

[Former Member]

Hai Preeti,

Did you added the images seperately?. Try this one.

you can add images to the each node through "nav Node Pictogram tag" .Go through this thread <a href="https://forums.sdn.sap.com/thread.jspa?threadID=469660&tstart=0">Addiding Custom images</a>.

Put your custom images in the folder which is specified in above thread.

Go to content Administration->Portal content->open property editor of iviews ,pages and , workset->select the property workset pictogram->set images for each iviews,pages and worsets

Regards,

Malini.V

[Former Member]

We need that on mouseover the image as well as text should highlight with diff color.Now since the text is navnode anchor,only that is getting highlighted and not the image.

Can you tell me how to do this?

[Former Member]

Hi Preeti,

Have you used List Tag.Did you used any Pseudo-classes for mouseover events.

let me know it.

Regards,

Malini.V