This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > FrontPage Programming > September 2006 > Re: Why cursor-hand in collapsible list disappears with custom pic
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Re: Why cursor-hand in collapsible list disappears with custom pic
|
|
| perseverant/obstinate 2006-09-24, 6:33 pm |
| I haven't introduced any codes by hand. I just write the collapsible list,
change the plain bullet for a picture bullet and then change L1. The code
comes out like this:
<body onclick="dynOutline()" language="Javascript1.2">
<ul imagesrc="file:///C:/Documents and Settings/Javier/My Documents/My Web
Sites/L谩ser Master 1/LOGO bot贸n.gif" dynamicoutline initcollapsed>
<LI STYLE="cursor:hand">Item<ul imagesrc="file:///C:/Documents and
Settings/Javier/My Documents/My Web Sites/L谩ser Master 1/LOGO bot贸n2.gif">
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</li>
</ul>
</body>
"Murray" wrote:
> It means you have improperly applied the link.
>
> Can you show me your code, please?
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "perseverant/obstinate" <perseverant/obstinate@discussions.microsoft.com>
> wrote in message news:BB0C05C1-AB19-4502-A01C-4E8BB6AEBD89@microsoft.com...
>
>
>
| |
| Murray 2006-09-24, 6:33 pm |
| <ul imagesrc="file:///C:/Documents and Settings/Javier/My Documents/My Web
Sites/L醩er Master 1/LOGO bot髇.gif" dynamicoutline initcollapsed>
<LI STYLE="cursor:hand">Item<ul imagesrc="file:///C:/Documents and
Settings/Javier/My Documents/My Web Sites/L醩er Master 1/LOGO bot髇2.gif">
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</li>
</ul>
There is so much invalid HTML in that short stretch of code, it makes me
chuckle! What is adding the 'imagesrc attribute to the <ul> tag?
Anyhow, if you want the pointer to appear when the word "Item" is moused
over, you will need to do this -
<li><a href="java script:;">Item</a><ul....
--
Murray
--------------
MVP FrontPage
"perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
wrote in message news:B04DD4D0-77D1-404C-B9FB-EFF506F108F3@microsoft.com...[color=darkred]
>I haven't introduced any codes by hand. I just write the collapsible list,
> change the plain bullet for a picture bullet and then change L1. The code
> comes out like this:
> <body onclick="dynOutline()" language="Javascript1.2">
>
> <ul imagesrc="file:///C:/Documents and Settings/Javier/My Documents/My Web
> Sites/L醩er Master 1/LOGO bot髇.gif" dynamicoutline initcollapsed>
> <LI STYLE="cursor:hand">Item<ul imagesrc="file:///C:/Documents and
> Settings/Javier/My Documents/My Web Sites/L醩er Master 1/LOGO bot髇2.gif">
> <li>Item</li>
> <li>Item</li>
> <li>Item</li>
> </ul>
> </li>
> </ul>
>
> </body>
>
>
> "Murray" wrote:
>
| |
| perseverant/obstinate 2006-09-24, 6:33 pm |
| Don麓t chuckle too hard, Murray, lest you choke. That "useless" bit of code is
obviously fetching the custom picture bullet that I want to replace the plain
bullet with. (Did you actually read the question?) It is when I replace the
plain bullet or number with a custom picture bullet (fetched by that "invalid
HTML" that makes you chuckle) that the cursor hand fails to appear. To get a
cursor hand to appear with plain bullets and numbers you only have to edit
the li tag to read <LI STYLE="cursor:hand">
Anyway, I've tried what you suggest and the cursor hand does show, but at
the expense of my custom picture bullet which is replaced by a plain bullet!
So thanks for your trouble, but don't lose sight of what the original problem
was: the fact that when you use a custom picture bullet the cursor hand
doesn't work!
"Murray" wrote:
> <ul imagesrc="file:///C:/Documents and Settings/Javier/My Documents/My Web
> Sites/L谩ser Master 1/LOGO bot贸n.gif" dynamicoutline initcollapsed>
> <LI STYLE="cursor:hand">Item<ul imagesrc="file:///C:/Documents and
> Settings/Javier/My Documents/My Web Sites/L谩ser Master 1/LOGO bot贸n2.gif">
> <li>Item</li>
> <li>Item</li>
> <li>Item</li>
> </ul>
> </li>
> </ul>
>
> There is so much invalid HTML in that short stretch of code, it makes me
> chuckle! What is adding the 'imagesrc attribute to the <ul> tag?
>
> Anyhow, if you want the pointer to appear when the word "Item" is moused
> over, you will need to do this -
>
> <li><a href="java script:;">Item</a><ul....
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
> wrote in message news:B04DD4D0-77D1-404C-B9FB-EFF506F108F3@microsoft.com...
>
>
>
| |
| perseverant/obstinate 2006-09-24, 6:33 pm |
| Actually, I've tried it again putting it in in a different order and it works
- I don't lose my custom picture bullet - many thanks!
"Murray" wrote:
> <ul imagesrc="file:///C:/Documents and Settings/Javier/My Documents/My Web
> Sites/L谩ser Master 1/LOGO bot贸n.gif" dynamicoutline initcollapsed>
> <LI STYLE="cursor:hand">Item<ul imagesrc="file:///C:/Documents and
> Settings/Javier/My Documents/My Web Sites/L谩ser Master 1/LOGO bot贸n2.gif">
> <li>Item</li>
> <li>Item</li>
> <li>Item</li>
> </ul>
> </li>
> </ul>
>
> There is so much invalid HTML in that short stretch of code, it makes me
> chuckle! What is adding the 'imagesrc attribute to the <ul> tag?
>
> Anyhow, if you want the pointer to appear when the word "Item" is moused
> over, you will need to do this -
>
> <li><a href="java script:;">Item</a><ul....
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
> wrote in message news:B04DD4D0-77D1-404C-B9FB-EFF506F108F3@microsoft.com...
>
>
>
| |
| Murray 2006-09-24, 6:33 pm |
| > Don磘 chuckle too hard, Murray, lest you choke. That "useless" bit of code
> is
> obviously fetching the custom picture bullet that I want to replace the
> plain
> bullet with.
Not in any modern browers, it doesn't. And, that effect that is so easily
accomplished with CSS, is costing you a page that validates.
> Did you actually read the question?
Of course. Did you read the answer?
> the li tag to read <LI STYLE="cursor:hand">
Again, it's invalid markup, and not recognized by modern browsers. So -
open your page in Firefox, or Safari, and you get none of your cherished
effects.
> Anyway, I've tried what you suggest and the cursor hand does show, but at
> the expense of my custom picture bullet which is replaced by a plain
> bullet!
That's simple to manage with CSS. Remove the bullet altogether, and use
your image as a non-tiling background image for the <li> tag.
--
Murray
--------------
MVP FrontPage
"perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
wrote in message news:2CD650AA-9CCB-4CF6-85DE-E420DC349082@microsoft.com...[color=darkred]
> Don磘 chuckle too hard, Murray, lest you choke. That "useless" bit of code
> is
> obviously fetching the custom picture bullet that I want to replace the
> plain
> bullet with. (Did you actually read the question?) It is when I replace
> the
> plain bullet or number with a custom picture bullet (fetched by that
> "invalid
> HTML" that makes you chuckle) that the cursor hand fails to appear. To get
> a
> cursor hand to appear with plain bullets and numbers you only have to edit
> the li tag to read <LI STYLE="cursor:hand">
>
> Anyway, I've tried what you suggest and the cursor hand does show, but at
> the expense of my custom picture bullet which is replaced by a plain
> bullet!
> So thanks for your trouble, but don't lose sight of what the original
> problem
> was: the fact that when you use a custom picture bullet the cursor hand
> doesn't work!
>
> "Murray" wrote:
>
| |
| perseverant/obstinate 2006-09-24, 6:33 pm |
| Thanks again for your help and apologies for the unwarranted sarcasm. As you
might have noticed, I am a complete tyro barely familiar with Java script. I
am just using FrontPage 2003 to construct my first website and the programme
itself introudces the code, as you know. I did get the cursor hand to work by
doing the list with plain bullet points first and and then replacing them
with a picture bullet and using the code you suggested instead of <LI
STYLE="cursor:hand"> (this time the ///C:/Documents and Settings string
doesn't show in the code). But elsewhere I have used the <LI
STYLE="cursor:hand"> Are you saying that a lot of browsers will take no heed
of it? This worries me because it can't surely be the only FP bit of script
that a lot of browsers won't recognise. So presumably, then, a lot of the
animation, swap pictures, etc that one does with FP won't work in many
browsers?
Incidentally, the code now reads so:
<hr>
<ul dynamicoutline initcollapsed imagesrc="LOGO bot贸n.gif">
<li><font face="Book Antiqua">
<a href="java script:;" style="text-decoration: none">
<font color="#000000">Item</font></a></font><ul imagesrc="LOGO
bot贸n2.gif">
<li>
<font size="2" face="Book Antiqua">
Item</font></li>
Thanks again for your help, and humble apologies once again.
"Murray" wrote:
>
> Not in any modern browers, it doesn't. And, that effect that is so easily
> accomplished with CSS, is costing you a page that validates.
>
>
> Of course. Did you read the answer?
>
>
> Again, it's invalid markup, and not recognized by modern browsers. So -
> open your page in Firefox, or Safari, and you get none of your cherished
> effects.
>
>
> That's simple to manage with CSS. Remove the bullet altogether, and use
> your image as a non-tiling background image for the <li> tag.
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
> wrote in message news:2CD650AA-9CCB-4CF6-85DE-E420DC349082@microsoft.com...
>
>
>
| |
| Murray 2006-09-24, 6:33 pm |
| > Are you saying that a lot of browsers will take no heed
> of it?
Yes, since cursor:hand is not valid CSS, all modern browsers will ignore it.
It's IE proprietary, and that's likely why it appears in FP.
> So presumably, then, a lot of the
> animation, swap pictures, etc that one does with FP won't work in many
> browsers?
Not at all. Most of it is just fine.
You can test your code for whether it's likely to be ignored by modern
browsers by validating it here -
http://validator.w3.org
Be prepared.
By the way "Book Antiqua" is not websafe, meaning that if the visitor
doesn't have it installed, they will see Times/Times New Roman (or whatever
the browser default is).
--
Murray
--------------
MVP FrontPage
"perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
wrote in message news:77825EDF-4A7F-48AF-842C-7D64820EE9D8@microsoft.com...[color=darkred]
> Thanks again for your help and apologies for the unwarranted sarcasm. As
> you
> might have noticed, I am a complete tyro barely familiar with Java script.
> I
> am just using FrontPage 2003 to construct my first website and the
> programme
> itself introudces the code, as you know. I did get the cursor hand to work
> by
> doing the list with plain bullet points first and and then replacing them
> with a picture bullet and using the code you suggested instead of <LI
> STYLE="cursor:hand"> (this time the ///C:/Documents and Settings string
> doesn't show in the code). But elsewhere I have used the <LI
> STYLE="cursor:hand"> Are you saying that a lot of browsers will take no
> heed
> of it? This worries me because it can't surely be the only FP bit of
> script
> that a lot of browsers won't recognise. So presumably, then, a lot of the
> animation, swap pictures, etc that one does with FP won't work in many
> browsers?
>
> Incidentally, the code now reads so:
> <hr>
> <ul dynamicoutline initcollapsed imagesrc="LOGO bot髇.gif">
> <li><font face="Book Antiqua">
> <a href="java script:;" style="text-decoration: none">
> <font color="#000000">Item</font></a></font><ul imagesrc="LOGO
> bot髇2.gif">
> <li>
> <font size="2" face="Book Antiqua">
> Item</font></li>
>
> Thanks again for your help, and humble apologies once again.
>
> "Murray" wrote:
>
| |
| Murray 2006-09-24, 6:33 pm |
| Just so you'll know, I wouldn't do collapsible lists that way, anyhow. As
you can see, the code is NOT cross-browser/platform reliable.
I have a demo page of a good way to do them here -
This method solves the problem with FP's collapsible
list code that is NOT FF/NN compatible, and will therefore work in all
browsers.
http://www.murraytestsite.com/collapsiblelist.htm
It uses some CSS, and the FP Change Property behavior.
You may find it a bit advanced, though....
--
Murray
--------------
MVP FrontPage
"perseverant/obstinate" <perseverantobstinate@discussions.microsoft.com>
wrote in message news:77825EDF-4A7F-48AF-842C-7D64820EE9D8@microsoft.com...[color=darkred]
> Thanks again for your help and apologies for the unwarranted sarcasm. As
> you
> might have noticed, I am a complete tyro barely familiar with Java script.
> I
> am just using FrontPage 2003 to construct my first website and the
> programme
> itself introudces the code, as you know. I did get the cursor hand to work
> by
> doing the list with plain bullet points first and and then replacing them
> with a picture bullet and using the code you suggested instead of <LI
> STYLE="cursor:hand"> (this time the ///C:/Documents and Settings string
> doesn't show in the code). But elsewhere I have used the <LI
> STYLE="cursor:hand"> Are you saying that a lot of browsers will take no
> heed
> of it? This worries me because it can't surely be the only FP bit of
> script
> that a lot of browsers won't recognise. So presumably, then, a lot of the
> animation, swap pictures, etc that one does with FP won't work in many
> browsers?
>
> Incidentally, the code now reads so:
> <hr>
> <ul dynamicoutline initcollapsed imagesrc="LOGO bot髇.gif">
> <li><font face="Book Antiqua">
> <a href="java script:;" style="text-decoration: none">
> <font color="#000000">Item</font></a></font><ul imagesrc="LOGO
> bot髇2.gif">
> <li>
> <font size="2" face="Book Antiqua">
> Item</font></li>
>
> Thanks again for your help, and humble apologies once again.
>
> "Murray" wrote:
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|