<a href=: href

by: brunobearPosted on 2004-01-22 at 06:53:14ID: 10174269

Hi danBosh,

<span style="cursor: pointer;">hi there</span>

bruno

by: DesertWarriorPosted on 2004-01-22 at 06:57:49ID: 10174312

Hi danBosh,

try this :

<u><font style='cursor:hand'" color="#0000FF">Hello</font></u>

Cheers!

by: brunobearPosted on 2004-01-22 at 07:14:03ID: 10174486

danBosh,

i really recommend you do NOT use DesertWarriors solution as the font tag is deprecated...

by: seanpowellPosted on 2004-01-22 at 07:34:50ID: 10174624

and "hand" is IE only... use pointer as brunobear correctly suggested.

At any rate, the hand or pointer is to let users know that there is a hyperlink in your page. You will end up confusing some people - which is probably not a good idea :-)

by: brunobearPosted on 2004-01-22 at 07:55:37ID: 10174771

agreed, it DOES confuse users. It's recommend not to use it unless that text will have some sort of action associated with it.

by: BustaroomsPosted on 2004-01-22 at 07:59:32ID: 10174800

>>>>>>>> <a href=#........but this jumps to the top of the page which is very annoying

if you don't want it to jump to the top of the page do this <a href="#" onclick="return false;">

but as the others mentioned, confusing

by: DaydreamsPosted on 2004-01-22 at 08:33:17ID: 10175087

Although I'm not sure why one would want something that looks like a link, but isn't, here is a choice:

<html>
<head>
<title>looks like a link</title>
<style>

</style>
</head>
<body>
Place your mouse over this text:
<span class="linklook" onMouseover="this.className='nonlink';" onMouseout="this.className='linklook';"> this is not a link</span>
</body>
</html>

Just a note on the hand/pointer:

The basic problem is this: Internet Explorer 5.x for Windows recognizes the value hand, which appears nowhere in section 18.1 of CSS2-- nor anywhere else in the specification, for that matter. The value which most closely corresponds to the behavior of hand is pointer, which the specification defines as: "The cursor is a pointer that indicates a link." Note that doesn't say anything about a hand appearing, but going by browser conventions to date, the practical effect is the same.

Unfortunately, IE5.x/Win doesn't recognize the value pointer as meaning anything at all. IE6/Win and IE5.x/Mac do both recognize pointer as well as hand, fortunately. Meanwhile, Mozilla and Netscape 6+ follow the CSS2 specification and handle pointer, but ignore the proprietary value hand.

So if Mozilla/Netscape ignores hand and IE5.x/Win ignores pointer, what's an author to do? Ask for both in the proper manner, and you shall be rewarded:

a {cursor: pointer; cursor: hand;}Do not reverse those two values! If you write your styles as shown above, then NS6+ will see the first value and ignore the second, so you get pointer. In IE5.x/Win, it sees both and uses the second, so you get hand. If you reverse the values, then Netscape 6+ will be okay, but IE5.x/Win will see both and try to use the second. That won't get you the little hand-pointer icon in IE5.x/Win.

From: http://devedge.netscape.com/viewsource/2002/cursor/

by: DaydreamsPosted on 2004-01-22 at 08:42:37ID: 10175177

Or.. you could just use bruno's suggestion, adding the cursor:hand; to it:

<span style="cursor:pointer;cursor:hand;">hi there</span>

by: jlouwerePosted on 2004-01-22 at 13:33:45ID: 10178586

If it NEEDS to be an href, you can use <A href="javascript:void(0)">pointer over this</a>. But using the style is a better solution

by: brunobearPosted on 2004-01-22 at 13:48:33ID: 10178780

danBosh,

also as a side note: i didn't mean to make you think that the code i gave can only be used on a span.

style="cursor: pointer;"

that can be used on just about any element you want.

by: gam3r_3xtr3m3Posted on 2004-01-22 at 23:21:30ID: 10182063

should be tiring if you have all your tags with that style="" attribute...

<style>
body {cursor: pointer;}
</style>

if you'd lke everything to be on a hand pointer and

<style>
img, span, div {cursor: pointer;}
</style>

for specific objects... (img, span div... etc.)

by: brunobearPosted on 2004-01-23 at 05:32:16ID: 10183524

by: DaydreamsPosted on 2004-01-23 at 07:58:00ID: 10184843

by: gam3r_3xtr3m3Posted on 2004-01-23 at 21:19:47ID: 10189785

Daydreams: that's not cross browser, thats overlaping. lol

by: DaydreamsPosted on 2004-01-24 at 09:38:30ID: 10191877

gam3r_3xtr3m3, Just taking it to the 3xtr3m3 :)

by: superslamwichPosted on 2004-01-24 at 14:04:48ID: 10192708

Way overcomplicated guys:

<a href="" onClick="return false;">

{Slam}

by: DaydreamsPosted on 2004-01-24 at 15:44:58ID: 10193110

superslamwich, Bustarooms essentially mentioned that (above):

<a href="#" onclick="return false;">

by: brunobearPosted on 2004-01-24 at 22:46:33ID: 10194500

but definitely NOT the right way to do it. CSS is....

by: gam3r_3xtr3m3Posted on 2004-01-25 at 00:44:14ID: 10194633

this is the most interesting 30 point thread ever. lol. lots of comments, no response. =)

by: superslamwichPosted on 2004-01-26 at 19:24:52ID: 10206377

Whoops, my bad Bustarooms, but I still think it IS the right way to do it. Thinking logically, if the item is supposed to be "clickable" according to danBosh, but not go anywhere, it is going to use javascript anyway. Just add "return false;" to the end of the onClick handler and it'll work fine. No need to reinvent the link...

{Slam}

by: brunobearPosted on 2004-01-26 at 19:27:43ID: 10206385

they never mentioned it had to be clickable. just show the hand.

in which case, i'll say it again, CSS IS THE WAY!

but where is the question asker??

by: superslamwichPosted on 2004-01-26 at 19:41:02ID: 10206432

Um, and I quote:
"is there anyway f having th clicky hand to show the user the item is clickable, without having any page jump or refresh"

And that's a good question.

by: brunobearPosted on 2004-01-26 at 19:50:50ID: 10206484

well i'll be damned.

by: CrYpTiC_MauleRPosted on 2004-01-27 at 11:50:36ID: 10212431

ROFL, my what an interesting thread. So many responses, so many outbursts saying this is btter dont do this person way etc. I say use this.

//////////////////////////////////////////////////////////////
Comment from jlouwere
Date: 01/22/2004 04:33PM EST
Comment

If it NEEDS to be an href, you can use <A href="javascript:void(0)">pointer over this</a>. But using the style is a better solution
///////////////////////////////////////////////////////////////

CSS is the the best way to fake a link, but if you want to stick with <a>'s and dont want the extra code involved with CSS then use jlouwere's solution.

-Nick

by: superslamwichPosted on 2004-01-28 at 17:06:20ID: 10223703

doesn't look like it matters which answer is the best if we're not gonna get a response...

by: seanpowellPosted on 2004-01-28 at 17:13:22ID: 10223743

Hi danBosh,

<a href="javascript:void(0)">Please click here</a> when you get a moment :-)

by: dartcolPosted on 2004-03-02 at 05:48:29ID: 10494786

ROFLMAOWWLOVA :)

by: axrialPosted on 2004-03-25 at 00:41:17ID: 10675198

I always thought this was the way for null links .... Try this .. works fine in all browsers too ...(as far as i know)

<A href="javascript:">Linking

Axrial

Question

<a href=

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

href

Hypertext Markup Language (HTML)

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press