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 09-20-2009, 11:16 AM   #1
Johnny Mac
Johnny Mac's Avatar
 
Join Date: Sep 2009
Posts: 9
Default dropdown menus are messy?

http://www.johnnymac.tv/my67/

Hello from newbieland...

I am rewriting an old FP site in DW. My submenus appear as 2 columns and I only want one

What rule controls the columns in a submenu? Is it IE related? How do I fix this?

The beta site link is above, thanks in advance!

JM
Johnny Mac is offline   Reply With Quote
Old 09-20-2009, 04:10 PM   #2
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Sorry, duplicate post. Please delete.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-20-2009, 04:11 PM   #3
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Not sure I understand the question but your menus are unordered lists. A submenus is a list nested within the top level list. A sub-submenu (the second column) is a within a submenu list:

Code:
<ul>
    <li>Top level
        <ul>
             <li>Submenu
                 <ul>
                      <li>Sub-Submenu</li>
                 </ul>
             </li>
       </ul>
    </li>
    <li>Top level</li>
</ul>
So, to avoid the second column of submenus, only nest your lists one-deep.

Code:
<ul>
    <li>Top level
        <ul>
             <li>Submenu</li>
       </ul>
    </li>
     <li>Top level</li>
</ul>
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-20-2009, 04:54 PM   #4
Johnny Mac
Johnny Mac's Avatar
 
Join Date: Sep 2009
Posts: 9
Default

I'm sorry, I'm lost and do think I understand your answer, but not sure how to apply it in my situation?

It seems all my submenus get split into 2 columns which over-writes/blocks other submenu choices?

I would just like all choices to drop down in a single column, and their flyout choices appear next to that.

I used the Property inspector (I hope that is the right term) at the bottom of the page to WYSIWYG building the menu structure. But since then I can't find the rule to stop the 2 column problem I've created.

thansk again.. your input is greatly appreciated.. forgive me if I still don't understand the answer.

Last edited by Johnny Mac; 09-20-2009 at 05:08 PM..
Johnny Mac is offline   Reply With Quote
Old 09-20-2009, 05:18 PM   #5
coloeagle
coloeagle's Avatar
 
Join Date: Sep 2008
Location: Colorado, USA
Posts: 596
Default

On a side note here. You have the menu inside an h1 tag.
Remove the h tags.
__________________
The Beauty of CSS (One of my hobbies)
Home Security (My real Job)
Multiple Link Styles with CSS
coloeagle is offline   Reply With Quote
Old 09-20-2009, 05:32 PM   #6
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Sorry, I missed your point. It's an IE thing and I was on a Mac.

Don't see an immediate cause but this might have something to do with it:

Code:
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 6
.em;
	float: none;
	list-style-type: none;
}
The ".em" should be on the same line as the "6".

Still checking…
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-20-2009, 05:35 PM   #7
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Actually, that may be it. You submenus are 8.2em wide. If the submenu li rule is "broken" then submenu li width would be picked up from the top level li (4em) and so you'd get two columns of links.

Just a case of FireFox and Safari being more forgiving than IE.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-20-2009, 09:12 PM   #8
Johnny Mac
Johnny Mac's Avatar
 
Join Date: Sep 2009
Posts: 9
Default

thank you DWcourse.. I would of never found that.. I only opened the sprymenubarhorizontial.css once a few weeks ago following a tutorial on the adobe website and didn't realize I changed anything there...

Coloeagle... I thought the sprymenu needed to be in the header so it appears on everypage.. do I just delete the h1 tag?

I tried to delete the accompying tag and move the </ul> "end of header tag" but everything went crazy, so I changed it back?

thanks
Johnny Mac is offline   Reply With Quote
Old 09-20-2009, 09:46 PM   #9
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Quote:
Originally Posted by Johnny Mac View Post
Coloeagle... I thought the sprymenu needed to be in the header so it appears on everypage.. do I just delete the h1 tag?

I tried to delete the accompying tag and move the </ul> "end of header tag" but everything went crazy, so I changed it back?
Actually the call to the JS file and the CSS file (or the CSS itself) should be in the <head> of the document. Not within a header tag such as h1.

Delete the <h1> tag before the menu and the closing </h1> tag after the menu here:

Code:
    </ul>      <!-- end #header -->
    </h1>
Don't move the closing </ul> tag
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-21-2009, 12:25 PM   #10
Johnny Mac
Johnny Mac's Avatar
 
Join Date: Sep 2009
Posts: 9
Default

thanks again, but now when I do that, it packs my menu bar into half the screen. I can't remember exactly how I spaced the menu choices apart, but I wanted to center the bar under the banner image and failed.

And I thought the template was the master design that updates all pages? However, the above mention changes didn't take place across all pages on the remote server? I uploaded the template, but also had to upload the index page again to see the change?
Johnny Mac 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 02:36 AM.


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