close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Menu navigation in separated boxes

Thread began 1/05/2011 4:47 pm by mhollis382262 | Last modified 1/06/2011 9:27 am by mhollis382262 | 1277 views | 2 replies |

mhollis382262

Menu navigation in separated boxes

I would like to have my menu items line up right side by side and CSSMenuWriter is creating blocks that are spaced apart.

I have played around with the plugin and have re-created this menu five times and cannot seem to get the little blocks with the menu text to appear close to one another. Additionally, the drop-down menu items are spaced far apart, too.

You can see the web page here: new/

I have looked at the CSS, trying to edit that. I've re-created the menu five times and each time it gives me this spacing, which is not acceptable. Additionally, Dreamweaver shows the menu as all lining up across the top, while Firefox and Safari show the "blog" menu item as underneath the rest of the menu. I'm trying to get everything on one line and all menu items sticking to each other.

Changes that I make in CSSMenuWriter all look just fine, but once the menu is created, it has this spacing.

Sign in to reply to this post

Jason ByrnesWebAssist

the problem is being caused in the general.css file. you have the following:


#outerWrapper #topNavigation ul li {
list-style: none;
display: inline;
padding: 2px 10px 2px 10px;
}

which is setting a 10px right padding and 10px left padding.


try changing:
padding: 2px 10px 2px 10px;


to:
padding: 2px 0 2px 0;


the short hand is top left bottom right, so:
padding: 2px 0 2px 0;

is the same as:
padding-top: 2px;
padding-left: 0;
padding-bottom: 2px;
padding-right: 0;

Sign in to reply to this post

mhollis382262

Problem solved

Jason, that was the issue. I thought that what I had in my stylesheet was overridden by CSS Menu Writer.

Actually, I wonder if I should have any style at all in general.css.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...