edvinson
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
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;
}
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.
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
YES!!!!!!!!!!!!!!!!! that was seemingly simple but the perfect answer!!
Excellent answer and it passes the code validator.
Thank you
e!
Excellent answer and it passes the code validator.
Thank you
e!
>>YES!!!!!!!!!!!!!!!!!
LOL I think that kind of demonstrates your relief...! :-)
LOL I think that kind of demonstrates your relief...! :-)
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,sa
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.