ARI Soft - Hand as "pointer" to show up in Firefox and Chrome

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI YUI Menu

Hand as "pointer" to show up in Firefox and Chrome

(1 viewing) (1) Guest

Page: 1

TOPIC: Hand as "pointer" to show up in Firefox and Chrome

Forum Tools

#13111

Hand as "pointer" to show up in Firefox and Chrome 13 Years ago Karma: 1

Hi

Using Ari menu version 1.0.17 on this temporary test site:

http://garagehaul.com

I am trying to get the HAND POINTER to show in the DROP DOWNS in Firefox and Chrome (works fine in Internet Explorer).

The hand is showing fine in the main menu, but when you click on Locations (for example), and hover over the drop down menu items the hand is lost and becomes a pointer.

Here is my current code in the module: (I made some other css changes elsewhere regarding cursor but I don't think they are affecting the ari menu

Again, it works fine in Internet Explorer. Only problem is in firefox and chrome.

Code:

#ariyui96.yui-skin-sam ul li a.yuimenubaritemlabel, #ariyui96.yui-skin-sam ul li a.yuimenubaritemlabel:link, #ariyui96.yui-skin-sam ul li a.yuimenubaritemlabel:visited, #ariyui96.yui-skin-sam ul li a.yuimenubaritemlabel:hover {

    border-color: #104473;

    border-style: solid;

    border-width: 0px 0;

    color: #ffffff;

    cursor: pointer;

    font-size: 93%;

    line-height: 2.3;

    margin: 0px 0;

    padding: 0 20px 0 10px;

    text-decoration: none;

}

.moduletable_Rowbyairyui .yui-skin-sam

{

 display: -moz-inline-stack;

 display: inline-block;

 zoom: 1;

 *display: inline;

}

#ariyui96.yui-skin-sam DIV.yuimenubar,

#ariyui96.yui-skin-sam DIV.yuimenubarnav .yuimenubaritem:last-child

{

 border-right-style: none;

}

Someone suggested I add code like below, but am not sure if I should do that.

Code:

li .yuimenuitemlabel

{

   cursor: hand;

   cursor: pointer;



}

Any suggestions?

Thanks for the wonderful menu

Rowby

rowby

Last Edit: 2011/03/31 21:41 By rowby.

The administrator has disabled public write access.

#13119

Re:Hand as "pointer" to show up in Firefox and Chrome 13 Years ago Karma: 747

Hello,

Add the next CSS rule:

Code:



body #ariyui96.yui-skin-sam ul li a.yuimenuitemlabel

{

 cursor: pointer;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13156

Re:Hand as "pointer" to show up in Firefox and Chrome 13 Years ago	Karma: 1
Thanks! That worked perfectly! Rowby

rowby

The administrator has disabled public write access.

Page: 1

Useful Links