logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-02-2010, 02:07 PM   #1
gore.m
 
Join Date: Mar 2010
Posts: 53
Default No link under spry menu item..

Is it possible remove link under unused spry menu item?

I mean, when people are trying click on one item in my menubar they cant, because I dont want to have link there, there is only "#" instead of link.

But for people is "Hand" under empty menu item confusing.
Is it possible to have only an arrow instead of hand above unused spry menu item?


code example
HTML Code:
<li><a href="#" class="MenuBarItemSubmenu">Ostatn&iacute; aranžm&aacute;</a>
        <ul>
          <li><a href="dusickova-vazba-brno.html" title="Dušičková vazba">Dušičky</a></li>
          <li><a href="vánocní-dekorace-brno.html" title="Vánoční dekorace">V&aacute;noce</a></li>
thanks you
gore.m is offline   Reply With Quote
Old 11-02-2010, 03:42 PM   #2
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

You could create a CSS rule with the cursor: default property set and apply it to the non-functional links.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 11-02-2010, 04:17 PM   #3
gore.m
 
Join Date: Mar 2010
Posts: 53
Default

Quote:
Originally Posted by DWcourse View Post
You could create a CSS rule with the cursor: default property set and apply it to the non-functional links.
Thanks you very much for your reply.
Im afraid I need little more explanation

thanks you
gore.m is offline   Reply With Quote
Old 11-02-2010, 05:14 PM   #4
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

You can create a CSS style rule like this:

Code:
<style type="text/css">
.normalCursor {
	cursor: default;
}
</style>
The cursor property is listed under the Extensions category in Dreamweaver's CSS Rule Definition dialog.

Then you would apply the style to the link where you don't want the cursor to change:

Code:
<a href="#" class="normalCursor">text link</a>
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 11-02-2010, 05:27 PM   #5
gore.m
 
Join Date: Mar 2010
Posts: 53
Default

Thanks you very much.

I have done this:

I made new CSS rule:
HTML Code:
.normalCursor {
    cursor: default;
}
and I changed code to this:
HTML Code:
<li><a href="#" class="normalCursor">Dárkové kytice</a>
        <ul>
But nothing happend
gore.m is offline   Reply With Quote
Old 11-02-2010, 05:31 PM   #6
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

My bad. You need to overwrite the CSS rule from the spry css so you need to be more specific with your selector. Try this:

Code:
ul.MenuBarVertical a.normalCursor {
    cursor: default;
}
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 11-02-2010, 05:47 PM   #7
gore.m
 
Join Date: Mar 2010
Posts: 53
Default

Ok I add new rule to spry

called: ul.MenuBarVertical a.normalCursor, than I add: cursor - default

and code

HTML Code:
<li><a href="#" class="ul.MenuBarVertical a.normalCursor">Dárkové kytice</a>
        <ul>
Nothing happend
gore.m is offline   Reply With Quote
Old 11-02-2010, 06:39 PM   #8
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

no, the html should still be:

Code:
<li><a href="#" class="normalCursor">Dárkové kytice</a>
        <ul>
The style class is still normalCursor. The ul.MenuBarVertical a in the CSS selector simply limits the rule to only apply when the class normalCursor is applied to a link within the menu.

Also be aware that the CSS I gave you was for a vertical menu. If you have a horizontal menu you'll need to adjust it.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 11-02-2010, 06:49 PM   #9
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

It only have to trigger the mouse enter event, so I believe no href at all should also work.

Instead of this:
HTML Code:
<li><a href="#" class="MenuBarItemSubmenu">Ostatn&iacute; aranžm&aacute;</a>
this:
HTML Code:
<li><a class="MenuBarItemSubmenu">Ostatn&iacute; aranžm&aacute;</a>
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 11-02-2010, 07:04 PM   #10
gore.m
 
Join Date: Mar 2010
Posts: 53
Default

OK, I have changed all to this:

HTML Code:
ul.MenuBarHorizontal a.normalCursor {    cursor: 
  default;
}
HTML Code:
<li><a href="#" class="normalCursor">Dárkové kytice</a>        <ul>
Nothing happend.

I also tried change code to this:

HTML Code:
<li><a class="MenuBarItemSubmenu">Ostatn&iacute; aranžm&aacute;</a>
Than there is no link, but hand above emty item is still there.
gore.m is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:31 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com