Link to home
Start Free TrialLog in
Avatar of edvinson
edvinsonFlag for United States of America

asked on

How to get the cursor to display normal hand in CSS on this page See Home button TEXT

Upon error checking, I'm being flagged that this page is using an unsupported value of "hand" for it's cursor style.  However, it does work on all the links on the page.

I have changed it on the Home button so you can see what I'm talking about. As soon as you hover over the TEXT of the word "Home", the hand disappears. I would like for it to not disappear.

I have tried "Auto", "Default" and a few of the others listed in Dreamwweaver, but no luck so far.

Style sheet attached. REF#    #indexr2c8 #btnhometext


body {
	background-color: #51637B;
	position: absolute;
}
#indexr2c8 #btnhometext {
	position: relative;
	top: -24px;
	left: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	width: 100%;
	cursor: default;
	color: #1D2A4D;
	text-decoration: none;
}
 
#indexr13c4 #chmibldg {
	float: left;
	position: relative;
	top: 6px;
	left: 6px;
	padding-right: 5px;
}
 
#indexr13c4 #mainbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 0px;
	margin-left: 5px;
	text-align: justify;
	margin-right: 5px;
	color: #FFFFFF;
	top: 7px;
	position: relative;
	text-decoration: none;
}
 
 
#indexr13c4 #text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	margin-left: 5px;
	text-align: left;
	margin-right: 5px;
	color: #FFFFFF;
	top: 7px;
	position: relative;
	text-decoration: none;
}
#indexr2c12 #btncontacttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	top: -23px;
	text-decoration: none;
	width: 100%;
	left: 13px;
	cursor: hand;
}#indexr2c13 #btnviewcarttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	top: -23px;
	left: 7px;
	cursor: hand;
	width: 100%;
	padding-left: 4px;
}
#indexr3c26 input {
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 95px;
}
#searchdiv #searchtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#searchdiv #keyword {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 19px;
	width: 25px;
}
#Layer1 #gobutton {
	position: relative;
	top: 5px;
	cursor: hand;
}
#searchform {
	margin: 0px;
	padding: 0px;
}
.ButtonTypeography {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-stretch: normal;
	line-height: normal;
	font-weight: bold;
	padding: 0;
	cursor: hand;
}
 
#Layer11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	line-height: normal;
	padding: 0px;
}
 
.ButtonTypeography2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-stretch: normal;
	line-height: normal;
	font-weight: bold;
	padding: 0;
}
.handjob {
	cursor: hand;
}
#Layer12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
 
 
.divBackground {
	padding: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration:none;
    
}
 
 
.divBackground a {
 
	color: #FFFFFF;
	text-decoration: none;
 
}
#request #detailr13c5 #request #boldText {
	font-weight: bold;
}
.qtyBoxes {
	width: 15px;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.otherField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15px;
}
#request #detailr13c5 {
	height: 200px;
	overflow: auto;
	position: absolute;
}
.headertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
 
.edsdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
}
a {
 
	color: #FFFFFF;
 
}
.edsdiv a:visited: {
 
	color:#CCCCCC;
 
}
	
 
.SubClass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
	text-decoration: none;
	margin-left: 50px;
	padding-left: 15px;
	margin-top: 5px;
	padding-top: 4px;
	font-weight: bold;
}
 
 
.prodDetailClass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 5px;
	padding: 10px;
 
 
}
#entirebody {
	position: relative;
        margin:0 auto;
        width:700px;
	
}

Open in new window

Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

>> However, it does work on all the links on the page.

Not in FireFox :)

That CSS is not fully supported, so you are going to see some weirdness, especially cross-browser.

For the Home text, here is the CSS that controls it:

#indexr2c8 #btnhometext (line 5)

{

position: relative;
top: -24px;
left: 26px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 10px;
width: 100%;
cursor: default;
color: #1d2a4d;
text-decoration: none;

}

The cursor is set to default...change it back to hand and IE should pick it up.
Avatar of edvinson

ASKER

would changing the text to a graphic be the only cure-all?
You should be able to change the <a> properties in your CSS so it always goes to the hand.

Someone who knows CSS better than I do will probably come along soon and correct me.  I never mess with the cursor...I just let the browser's default setting handle it.
ASKER CERTIFIED SOLUTION
Avatar of Rouchie
Rouchie
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
YES!!!!!!!!!!!!!!!!! that was seemingly simple but the perfect answer!!
Excellent answer and it passes the code validator.
Thank you

e!
>>YES!!!!!!!!!!!!!!!!!

LOL I think that kind of demonstrates your relief...!   :-)