Hand icon

Hand icon (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help

Message

JNeill -> Hand icon (7/17/2002 1:49:14)
Hi Folks, Is there a way to establish non-hyperlink text so that when the cursor is over it, the cursor changes into a hand? I' d like to have this feature on the top item in a collapsible list. Thanks much! Jereme

Reflect -> RE: Hand icon (7/17/2002 8:07:21)
Hi, Sure is. I think it is called a null link. Just highlight the text in question, then click on hyperlink. Then just leave the http:// . Now the flip side to the coin is if they click on it they will get a 404 or " page not found" . <edit>You know it just hit me. I did a little fast research and CSS could also be used. Make a class for the hyperlink. Then when defining the class do it like this... a.hand:active { color:#ffffff; cursor:hand} </edit> Brian

JNeill -> RE: RE: Hand icon (7/17/2002 10:11:47)
Hi Brian, Thanks for the suggestion. I thought of the " dud" hyperlink, but ran into the problem you described, " page not found" message. This won' t do since users will need to click on the item to see the rest of the list. How do I make a class for a hyperlink and define the class? Thanks much, Jereme

bobby -> RE: Hand icon (7/17/2002 10:23:56)

You can also point the hyperlink to " self" or just link it back to the same page it' s on...

Heres how to define a hyperlink class (one example in a CSS):

     */ White Links:  */

a.white:active {font-family: " Tahoma" ;
            text-align: center;
            font-size: 14px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: underline}
a.white:visited {font-family: " Tahoma" ;
            text-align: center;
            font-size: 14px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: underline}
a.white:link {font-family: " Tahoma" ;
            text-align: center;
            font-size: 14px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: underline}
a.white:hover {font-family: " Tahoma" ;
          text-align: center;
          font-size: 14px;
          color: #6b9689;
          background-color: #ffffff;
          font-weight: normal;
          text-decoration: none}

If that' s in your .css file, then just use <a class=" white" href... in your page...

pageoneresults -> RE: Hand icon (7/17/2002 11:28:58)
How about this... <span style=" cursor:pointer" >Insert text here.</span> [url=" http://www.w3schools.com/css/tryit.asp?filename=trycss_cursor" ]W3Schools - Cursor Options[/url]

JNeill -> RE: RE: Hand icon (7/17/2002 11:29:06)
Hi Bobby, Thanks. The problem is if I link back to the same page, the collapsible list won' t open. Also, I don' t know very much (as in nothing) about CSS! :( Jereme

JNeill -> RE: RE: Hand icon (7/17/2002 11:32:19)
Hi Page, Where would I put that code? Sorry to be so ignorant, sure appreciate the help! Thanks, Jereme

pageoneresults -> RE: Hand icon (7/17/2002 11:34:28)
Right in your html... <span style=" cursor:pointer" >Insert text here.</span> Put the <span style=" cursor:pointer" > in front of the text that needs the hand cursor. Then put the </span> right after the text. Anything within the <span></span> will now show the hand icon.

JNeill -> RE: RE: Hand icon (7/17/2002 11:41:40)
Wow! This brings up another problem! The text that needs the hand cursor is in a shared border on the right side of the page. I can' t for the life of me find it in HTML!! Nor can I find any other text that' s in that border. Jereme

pageoneresults -> RE: Hand icon (7/17/2002 11:49:54)
I won' t work with Shared Borders, never have and never will. Someone else will need to provide some direction for you in modifying the borders.

JNeill -> RE: RE: Hand icon (7/17/2002 11:53:24)
Okie Dokie. Thanks for the code. I' ll try to figure out how to get it in to the border. If you have a lot of pages that you want the same info on (such as navigation links), how do you accomplish this without shared borders?

pageoneresults -> RE: Hand icon (7/17/2002 12:00:01)
Include pages. Do a search on the forums here and you' ll find plenty of information on Includes. I think there may even be a tutorial floating around somewhere. Includes are a hot topic! Good luck!

Charles W Davis -> RE: Hand icon (7/17/2002 12:02:02)
J, Copy the code offered above and paste it into Notepad or Wordpad, then copy to the clipboard. Open a page with the right border and click in the border, choose Advanced then HTML from the Insert menu. Paste.

JNeill -> RE: RE: Hand icon (7/17/2002 12:10:48)
Thanks Charles, I did it and nothing exploded :), but still no hand when the cursor' s over the text. Jereme

pageoneresults -> RE: Hand icon (7/17/2002 12:14:55)
Can you provide us with a URL for review?

JNeill -> RE: RE: Hand icon (7/17/2002 12:19:25)
OK It' s a bit botched up right now, since I' m working on this collapsible list, so I don' t want to publish these changes to the actual url. I' ll publish it to another url. Give me a few minutes....

pageoneresults -> RE: Hand icon (7/17/2002 12:20:58)
Here is a page to look at... [url=" http://www.123seo.com/outfront/cursors.htm" ]Changing the Default Cursor[/url]

JNeill -> RE: RE: Hand icon (7/17/2002 13:20:50)
Here' s the url with my current changes in the right hand border: www.pizola.com You can see what I' m trying to accomplish. Some words will be hyperlinks, some will be headers to a list of hyperlinks. For example, Paint Sprayers is a hyperlink. Accessories is a header that when clicked on displays a list of hyperlinks. It' s this word " Accessories" that I want the hand cursor for so that users will know that it' s clickable. The actual site is at www.universalpaintsprayers.com

pageoneresults -> RE: Hand icon (7/17/2002 13:28:01)
Hmmm, that link works fine for me. Shows a hand/pointer when I hover over it. When clicked, it expands to show the tree. I' m not sure what the question is at this point. When I click the Accessories link, the tree expands to show three links. When I follow one of those, the tree is still expanded, the Accessories header is no longer linked but shows a hand cursor. This can be confusing to the surfer. I myself was clicking on it hoping to go back to the main Accessories page but that did not happen.

JNeill -> RE: RE: Hand icon (7/17/2002 13:31:48)
Well, I' ll be dipped! I wonder what' s going on....... It just shows a cursor line for me.

pageoneresults -> RE: Hand icon (7/17/2002 13:32:54)
Clear your history and delete all temporary Internet files. It sounds like you may have a cached page that you are viewing. What version of IE are you using?

JNeill -> RE: RE: RE: Hand icon (7/17/2002 13:35:50)
Still no hand. I' m using 5.50

pageoneresults -> RE: Hand icon (7/17/2002 13:42:11)
That' s the problem right there. IE5.5 does not support the " pointer" element according to W3Schools.

pageoneresults -> RE: Hand icon (7/17/2002 13:48:25)
I think it is the term " pointer" that is causing the issue. Try this... <span style=" cursor:hand" >Insert text here.</span> ...and see if that works for you. The W3C does not show " hand" as valid markup but there are resources who indicate that " hand" is what they use. [url=" http://www.w3.org/TR/2000/CR-SVG-20001102/interact.html#CursorProperty" ]W3C Cursor Properties[/url]

JNeill -> RE: RE: Hand icon (7/17/2002 14:09:55)
That did the trick!! Thanks very much! Now I just have to figure out how to get rid of those bullets. When I go to format/bullets and numbering, and choose no bullets, I lose the collapsibility of the list. I can figure out most stuff, but when FrontPage doesn' t do what it says it' s suppose to do, it throws me for a loop.

Page: [1]

0.8125