Hello!
Thank you for the swift replies to my previous posts.
I search in the forum for a solution to my problem. I found one but it does not seem to work on my website which is currently in my localhost.
I am attaching a screenshot my website.
These are the things, I would like to do:
1)I would like to have images for each menu item.
2)When on mouse-over, I would like another image to appear.
Are these possible?
Thank you very much.
I followed the possible solutions in the forum but it doesn't seem to work. I could not make the image come out. The text comes out but not the image.
There's a thread in which changed the size and color of each item in my menu. I tried to insert the:
background: transparent url(localhost/templates/ja_purity/images/tabs/index-1.gif)
It didn't work.
Below is the CSS code. Can you please tell me if I missed out on something?
Thank you very much.
<!--
UL#ariext48 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}
.ux-menu LI.ux-menu-item1
{
width: 200px !important;
}
.ux-menu LI.ux-menu-item1 A.ux-menu-link-level-0
{
background: transparent url(localhost/templates/ja_purity/images/tabs/index-1.gif)
height: 75px !important;
line-height: 75px !important;
}
UL#ariext54 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}UL#ariext54 LI A{color:#faf2f2;}
.ux-menu-container UL.ux-menu LI
{
background-image: none;
padding: 0;
border: 0px;
}
DIV.ux-menu-container UL.ux-menu LI A
{
border-style: none;
}
.ux-menu li a.ux-menu-link-level-0
{
background: none transparent !important;
}
UL#ariext35 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}UL#ariext35 LI A{background:#ee0ff6 none;}UL#ariext35 LI A{color:#ffffff;}UL#ariext35 LI A:hover,UL#ariext35 LI A:focus,UL#ariext35 LI A.ux-menu-link-hover{background:#f49ef7 none;}UL#ariext35 LI A:hover,UL#ariext35 LI A:focus,UL#ariext35 LI A.ux-menu-link-hover{color:#ffffff;}UL#ariext35 LI A.current{background:#f49ef7 none;}UL#ariext35 LI A.current{color:#ffffff;}UL#ariext35 LI UL.ux-menu-sub A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}
-->
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 980px;margin: 0 auto;}
#ja-wrapper {min-width: 981px;