By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,855 Members | 1,988 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,855 IT Pros & Developers. It's quick & easy.

horizontal row div menu

P: n/a
Hi,
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce? Any working
samples? I put it in the code, but can't see anything resolve.
http://www.w3schools.com/css/pr_class_cursor.asp

It's probably staring right at me, but can someone tell me why hover isn't
working in IE, but does in Mozilla?
http://wholives.com/temp/tabs.htm
me
Jul 21 '05 #1
Share this Question
Share on Google+
15 Replies


P: n/a
On Sat, 19 Feb 2005 22:03:02 -0600 theo wrote:
Hi,
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce? Any
working
samples? I put it in the code, but can't see anything resolve.
http://www.w3schools.com/css/pr_class_cursor.asp It's probably staring right at me, but can someone tell me why hover
isn't
working in IE, but does in Mozilla?
http://wholives.com/temp/tabs.htm
me

onmouseover="style='cursor:hand;'"

This would change the cursor arrow to a hand when the mouse is over the
item.
Used in some cases to show that there is a link when it is not an underlined
link.
Jul 21 '05 #2

P: n/a
On Sat, 19 Feb 2005 22:03:02 -0600, theo <th**@nospam.com> wrote:
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce?


If the horizontal menu is created with ordinary text links, like it should be,
that the cursor will adapt to normal link behaviour. And that is what is good
for your visitors, since they know exactly what to expect with a cursor behaving
like that.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #3

P: n/a
On Sun, 20 Feb 2005 02:56:48 -0600, Richard <An*******@127.001> wrote:
On Sat, 19 Feb 2005 22:03:02 -0600 theo wrote:
Hi,
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce? Any
working
samples? I put it in the code, but can't see anything resolve.
http://www.w3schools.com/css/pr_class_cursor.asp
It's probably staring right at me, but can someone tell me why hover
isn't
working in IE, but does in Mozilla?
http://wholives.com/temp/tabs.htm
me


onmouseover="style='cursor:hand;'"


That is javascript, you dumbass. OP asks for CSS style.
This would change the cursor arrow to a hand when the mouse is over the
item.


If you need a javascript to produce that behaviour, you did something very
stupid to start with in the markup of your page.
But then again, it's RtS talking here.

To OP: ignore all that Richard ever writes or has written. Google for RtS in any
of the web authoring groups to find out why. He has no relevant knowledge on the
subject and continues to advise people in here with the most stupid thoughts and
ideas ever seen in these groups.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #4

P: n/a
On 20 Feb 2005 10:32:55 +0100, Barbara de Zoete <b_********@hotmail.com> wrote:
On Sat, 19 Feb 2005 22:03:02 -0600, theo <th**@nospam.com> wrote:
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce?


If the horizontal menu is created with ordinary text links, like it should be,
that the cursor will adapt to normal link behaviour. And that is what is good
for your visitors, since they know exactly what to expect with a cursor
behaving like that.

http://wholives.com/temp/tabs.htm


Forgot to mention: (I can see you started out with my example menu :-) ) You
forgot to put

a {
display:block;
width:100%; }

in there somewhere (for the links in your menu). If you add that, your visitor
can click on any part of the 'tab' and get linked through. Probably this is what
you needed in the first place, so forget what I said before (and _do_ ignore all
that RtS writes).
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #5

P: n/a
Barbara de Zoete wrote:
onmouseover="style='cursor:hand;'"
That is javascript, you dumbass. OP asks for CSS style.


.... and hand isn't a valid value for that property anyway. That effect is
achieved with "pointer".

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 21 '05 #6

P: n/a
On Sun, 20 Feb 2005 10:54:38 +0000, David Dorward <do*****@yahoo.com> wrote:
Barbara de Zoete wrote:
onmouseover="style='cursor:hand;'"

That is javascript, you dumbass. OP asks for CSS style.


... and hand isn't a valid value for that property anyway. That effect is
achieved with "pointer".


You're right. Although IE doesn't seem to support 'pointer' as a value for the
cursor property. But then again, we all know what the resemblance between RtS
and IE (for Win) is :-D









They're both crap and therefore either hated or not taken seriously, depending
on how long ago one found out.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #7

P: n/a
Barbara de Zoete wrote:
Richard (RtS) wrote:

<snip>
onmouseover="style='cursor:hand;'"

That is javascript, you dumbass. OP asks for CSS style.

<snip>

It isn't even javascript, just another nonsense product of a deranged
mind. The javascript would be more like:-

onmouseover="this.style.cursor = 'hand';"

- and still not do anything useful on a non-IE browser.

Richard.
Jul 21 '05 #8

P: n/a
On Sun, 20 Feb 2005 12:02:19 -0000, Richard Cornford
<Ri*****@litotes.demon.co.uk> wrote:
Barbara de Zoete wrote:
Richard (RtS) wrote:

<snip>
onmouseover="style='cursor:hand;'"

That is javascript, you dumbass. OP asks for CSS style.

<snip>

It isn't even javascript,


Just shows how much I know on _that_ subject :-D I have no knowledge on
javascript at all.

Thanks for completing the comment I was trying to make.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #9

P: n/a

Forgot to mention: (I can see you started out with my example menu :-) ) You forgot to put
a {display:block;width:100%}in there somewhere (for the links in your menu). If you add that, your visitor can click on any part of the 'tab' and get linked through. Probably this

is what > you needed in the first place, so forget what I said before (and
_do_ ignore all > that RtS writes).
http://wholives.com/temp/tabs.htm>


Barb and all,
I added the display/width styles, as you suggested.
Yes, your example from last week or so. Thanks, so much,
as I'd never seen it done as a list. IE refuses the hover styling
for the <li> items, so I added a class to <a> to make it work
and keep it seperate (not yet uploaded).

I'm considering trying to learn dynamic web pages, scripting, but see
that it's quite a task. Any opionions on where to start. ASP, PHP,
JavaScript, Perl, Python. Just want to learn the basics, fairly simple
introduction. My domain hosting doesn't allow cgi, etc., so also
wondering what suggestions might be out there. They do allow js.
Just want to start with basic assembly, grab this and grab that, to render
a few pages.

thanks..
me
Jul 21 '05 #10

P: n/a
Barbara de Zoete wrote:
You're right. Although IE doesn't seem to support 'pointer' as a value for
the cursor property.


Version 6 does. Its only the obsolete security nightmares that don't.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 21 '05 #11

P: n/a
> Version 6 does. Its only the obsolete security nightmares that don't.
David Dorward


Hi,
I'm using 6, and can't see anything resolve. That's why I used an image,
instead. I left it in the code. It could be the order or something. I
honestly have no idea of what I'm supposed to see, what it's supposed to do.
w3 had no examples. It's shaping up.
http://wholives.com/temp/tabs.htm>


me
Jul 21 '05 #12

P: n/a
theo wrote:
Version 6 does. Its only the obsolete security nightmares that don't.
David Dorward

Hi,
I'm using 6, and can't see anything resolve. That's why I used an image,
instead. I left it in the code. It could be the order or something. I
honestly have no idea of what I'm supposed to see, what it's supposed to do.
w3 had no examples. It's shaping up.

http://wholives.com/temp/tabs.htm>


Remove your:
cursor: crosshair, pointer, s-resize, default;
and replace it with:
cursor: pointer; cursor: hand;

Do not reverse those two values! If you write your styles as shown
above, then Mozilla 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 Mozilla 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.

A caveat: following the approach recommended here will prevent the
stylesheet from validating since:
cursor:pointer; is W3C compliant.
cursor:hand; is MS proprietory.

Additionally, Netscape's "DevEdge" (when it was still up) stated:

To avoid unexpected problems, authors are strongly encouraged to include
element names in dynamic-state pseudo-classes that are meant to be
applied to hyperlinks. Furthermore, combining pseudo-classes prevents
hover styles from being applied to non-hyperlink anchors. Thus, a:hover
should always be used instead of just :hover, and a:link:hover (and
a:visited:hover) are preferred to the simpler a:hover.

--
Gus
Jul 21 '05 #13

P: n/a
theo wrote:
I'm considering trying to learn dynamic web pages, scripting, but see
that it's quite a task. Any opionions on where to start. ASP, PHP,
JavaScript, Perl, Python. Just want to learn the basics, fairly simple
introduction. My domain hosting doesn't allow cgi, etc., so also
wondering what suggestions might be out there. They do allow js.
Just want to start with basic assembly, grab this and grab that, to render
a few pages.


Without CGI access, I'd say your best first choice (if your server
supports it) is php. A server administrator's, which has need of CGI,
best choice would be Perl to go along with other languages used.

--
Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
Coordinator, Tularosa Basin Chapter, ABATE of NM; AMA#758681; COBB
'94 1500 Vulcan (now wrecked) :( http://motorcyclefun.org/Dcp_2068c.jpg
A zest for living must include a willingness to die. - R.A. Heinlein
Jul 21 '05 #14

P: n/a
On Sun, 20 Feb 2005 10:54:38 +0000 David Dorward wrote:
Barbara de Zoete wrote:
onmouseover="style='cursor:hand;'"
That is javascript, you dumbass. OP asks for CSS style.
... and hand isn't a valid value for that property anyway. That effect
is
achieved with "pointer".


http://www.asrvision.com/web-design-...ial-cursor.htm

"hand" apparently is specific to IE, where pointer is crossbrowser accepted.
I was only showing one way of notating the item.
Since he was asking of a "mouse over" effect, that is what I gave as an
example.
Jul 21 '05 #15

P: n/a
On 20 Feb 2005 10:32:55 +0100 Barbara de Zoete wrote:
On Sat, 19 Feb 2005 22:03:02 -0600, theo <th**@nospam.com> wrote:
I'm working on a horizontal row menu, to use like folder tabs. Does
anyone know what the CSS style "cursor" is supposed to produce?

If the horizontal menu is created with ordinary text links, like it
should be,
that the cursor will adapt to normal link behaviour. And that is what
is good
for your visitors, since they know exactly what to expect with a cursor
behaving
like that.


Your layout? Bullshit. You'll find that layout all over the web and dozens
of people claiming a copyright on it no less.
Not to mention several commercial applications selling the damn thing no
less.
Jul 21 '05 #16

This discussion thread is closed

Replies have been disabled for this discussion.