| Drop Down Menu Gap
• | | | |
I'm not a web designer or code person. I'm just a graphic artist that happens to know only a little about Dreamweaver in order to make changes and updates to a current web site (or so I thought).
I have done it before, but it's not working this time...
I was asked to remove one of our locations from our drop down menu (God forbid we open a new location cuz I'll be fired, ha ha)
Anyway, I delete the little anchor thing, I do a right click and choose remove tag, I do a right click and select cut (not in that order, not always doing all of those, but I have tried several combinations of these) and I still have a gap between my locations on my drop down menu. Sometimes the gap has gray (after I do one or all of these things), sometimes I can see through to the page behind it, but either way I always have the gap.
Like I said, I did this before, but I have no Idea how I did it. Daaahhhh!!!!
Please, Please, please help me. =(
Thank you so much!!!
KD
| | | | |
• | | | |  | Re: Drop Down Menu Gap
by Fernando Mol on Jul 25, 2010 at 9:27:55 pm |
You should remove your drop down menu items using the properties tool of the Spry. But if you want to mess with the code that can be done with little caution... of course, if you know what you are doing. Just remove the entire <li> tag of your menu item.
If you can post the link to your site or the code you want to change it will be easier to help you.
*Always share a link to your site and rate the posts. This is a free service for you and for us.
| | | | |
• | | | |
What's Spry? LMAO!!!!
I would really rather know how to fix it than just have it fixed. Thank you so much for your help!!!!!!
http://www.blevinsinc.com/
| | | | |
• | | | | | Re: Drop Down Menu Gap
by Fernando Mol on Jul 26, 2010 at 2:44:21 pm |
You may want to read this tutorial.
Now, see the plus and minus buttons on the properties panel? Those are the ones you need to use to add or remove items from your Spry Menu in Dreamweaver. Messing with the code is... well, as you already know, tricky.
According to Adobe Labs, a Spry is: "The Spry framework is a way to incorporate XML, JSON or HTML data into pages using HTML, CSS, and a minimal amount of JavaScript, without the need for refreshing the entire page. Spry also provides easy to build and style widgets, providing advanced page elements for end users. The Spry framework is HTML-centric, and easy to implement for users with basic knowledge of HTML, CSS and JavaScript. The framework was designed such that the markup is simple and the JavaScript is minimal. The Spry framework can be used by anyone who is authoring for the web in their tool of choice."
I hope this helps.
*Always share a link to your site and rate the posts. This is a free service for you and for us.
| | | | |
• | | | |
OK.. I followed the tutorial... and that works great if I'm adding "sprys" (I guess).
But all that does is add new boxes (like in the tutorial).
My file doesn't look like that.. it looks like the image I have attached.
I am really appreciative of your patience with me here!!!
Thank you!!!
__________________________________________________________
Ok, I just tried to upload my Dreamweaver file (and a png of my file, just in case) and it looked like it made me start a new post. =(
But I named it the same as this one "Drop Down Menu Gap".
Do you hate me yet, LOL!!
| | | | |
• | | | | | Re: Drop Down Menu Gap
by Fernando Mol on Jul 26, 2010 at 6:22:22 pm |
The plus button add an element, the minus... removes it.
Select the element you don't want, then press the minus button.
To add a new element in your menu, press the plus button.
*Always share a link to your site and rate the posts. This is a free service for you and for us.
| | | | |
• | | | |
I did this: Clicked on...
INSERT/SPRY/SPRY MENU BAR
Then a dialog box comes up and I choose "Vertical", because my drop down menu (that I'm trying to alter) is vertical.
Then a box (that looks like a drop down box) appears.
At the top of that box it reads "Spry Menu Bar: MenuBar1" and under that the sub categories read Item 1, Item 2, Item 3, Item 4.
That is foreign to me. But I messed around with it... and all it appears to let me do is ad or subtract new and existing items within itself. It does not make my existing categories show up with their own Spry menus in order to alter them.
My existing drop-downs in this navigation file are all tags (with the little anchor icon to the left.
I hope you're not telling me to recreate the entire drop down menu by using this Spry Menu Bar... are you?
| | | | |
• | | | |
click on the little blue tab that says spry menu, around your existing spry menu. The properties pannel at the bottom of dreamweaver should change, and have the menu titles and submenu titles in the boxes within the properties box. Here you can add or subtract menu items. So, if you have a gap in a menu, just find the blank in the list, select it, and then press the minus button, that will take it out.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
| | | | |
• | | | |
Yes....
But the only names that show up in the properties section... is the names of the boxes in the new menu box that is created.
I am going to post my png file so you can see what I am doing wrong.
Did you get that image of my page showing the Spry Menu Bar???????
| | | | |
• | | | | 
ok ok ok... forget it...
You do not have a spry menu on your page, im not sure why we are even talking about it.
This type of menu would have been better created as a spry, but since you do not have it as a spry currently, and it sounds like you are not really wanting to recreate the menu from scratch, AND you say you want to know how to fix the problem rather than have it fixed, then we need to talk about some javascripting.
Basically, you have a some javascript files telling your page how to stach these menu items. Your anchors are then seen as menu items, and stacked acordingly.
The problem however is that the menu items on this page are numbered, and then stacked by the javascript. You need to look at your code view.
Click on the liverpool anchor, then switch your page layout to split view, so you can see the code and the design underneath.
After having clicked on liverpool, this code will be highlighted.
<a href="Default.aspx?Page=customer&file=customer/bleinc/customerpages/loc_liverpool.htm" id="MMMenu0708195531_1_Item_11" class="MMMIVStyleMMMenu0708195531_1" onmouseover="MM_menuOverMenuItem('MMMenu0708195531_1');">
Liverpool, NY</a>
You see that in this code, it is defining this as id=MMMenu0708195531_1_Item_11 The menu item you deleted, was MMMenu0708195531_1_Item_12. The next one is MMMenu0708195531_1_Item_13, which is what you are left with. So, you are going from 11 to 13.
OK, so your javascript, in simple terms, is daying stack everything in number order, in the order of the ID. So, basically, it says 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15.. of course, there is no 12.. so its blank.
So, click on the menu item, FMHS Jacksonville, and in the code view, change MMMenu0708195531_1_Item_13 to say MMMenu0708195531_1_Item_12. change FMHS Tallahassee from from 14 to 13, and corporate from 15 to 14.
This aught to sort it
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
| | | | |
• | | | | | Re: Drop Down Menu Gap
by Fernando Mol on Jul 27, 2010 at 1:34:23 am |
The Dreamweaver Spry menu would be my assumption, dude.
But you're right, this is a different type of menu. Technically could be called a Spry, but not the DW one.
It's good to see you around.
*Always share a link to your site and rate the posts. This is a free service for you and for us.
| | | | |
• | | | |
And maybe you can tell me how this "File Upload" on this site works too???
When I click on the disc icon and go through the steps to upload a file, it eventually brings me back to another blank spot to enter more info instead of bringing me back to this original reply that I type. So I have been copying and pasting my same reply text.
You're probably getting it 4 times =(
Sorry about that.
| | | | |
• | | | |
OMG!!! You are a genius!!!
The gap has been removed =D
BUT!!!! Now it's at the bottom... (see attached screen captures of the split view on my same file, and of how the web page now looks) Obviously something is telling that section that this drop down has 15 items. And because I don't know anything about this stuff, I don't know how to get rid of that last item.
And I would be so grateful if you could PLEASE explain how to remove that. And I hope that you explain it in the very informative way that you explained the other... Because if we open a new location... Guess what!!! They're going to ask me to add another link to that drop down menu.
EEEEEKKK!!!
Thank you so much for all your help!!!
| | | | |
• | | | |
Im thinking its a setting in your javascripting.... but i cant see it for some reason...
can you post up the code in page mm_menu.js so i can take a look
thanks
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
| | | | |
| |
|
Reply
Like
