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

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

modifying menu text too long

Thread began 4/27/2009 8:38 pm by bobweber377579 | Last modified 4/29/2009 4:46 pm by Ray Borduin | 1671 views | 7 replies |

bobweber377579

modifying menu text too long

www.floridashuffler.com
In the levels some of the words in the dropdown are not wide enough.
I made them wider I thought.
But all I got was a white line extending to the right with no color.
how do i get the color also?
and do the white lines have to be for every column?

Sign in to reply to this post

Danilo Celic

The background is set via an image that is repeated vertically. You have a few options:
1. create a new image to use as the background that is at least as wide as the longest menu item you plan on using
2. move to a background image that you can repeat horizontally. The current images bg.jpg, grad.jpg (hover image) are repeated vertically, and since it isn't as wide as your wider menu items, you see "through" the menu item.
3. Move to a background color rather than a background image, that way the color will always expand to fill up the entire menu item.

Sign in to reply to this post

bobweber377579

it looks like your option 3 in your response is the simplest for me. where do i make the change? In the edit theme window i do not see anything about background image?

Sign in to reply to this post

Ray BorduinWebAssist

search your menu.css for bg.jpg.

Sign in to reply to this post

bobweber377579

OK I finally found the color background image nd have the colors the way I want but I still have two items that overlap
www.floridashuffler.com
under clearwater club CSC Members is not wide enough and under slideshows tournament of champions is not wide enough.
I thought when I switched from background image to a color that this would resolve?

Sign in to reply to this post

Ray BorduinWebAssist

It would stretch the full width of the text if you updated:

ul#cssmw ul.level-1 > li > a {menu.css (line 92)
background-color:#000000;
background-image:none;
background-repeat:repeat-y;
border-bottom:1px none #9BB6D2;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
height:18px;
line-height:18px;
margin:0;
padding:6px 10px 6px 6px;
text-decoration:none;
width:134px;
}

and removed the width. But the next level would still overlap. Having varying widths may not be the best solution. Perhaps you should update the white-space:nowrap and change it to white-space:normal for this tag to allow the text to wrap.

Sign in to reply to this post

bobweber377579

I dont understand any of what you are writing. I looked all over the code and your menu for white space no wrap and see nothing.
This is turning into 6 days to create what I think is a simple menu considering that I paid $$ to get something to create the menu.
First you said all I needed to do was change the background image to a color which I did. Now that does not work and now I get your last response about line 92 etc which I dont understand and then you add but the net level would still overlap. your ad said no css experience necessary but that seems to be a stretch. I am very frustrated Ray.

Sign in to reply to this post

Ray BorduinWebAssist

I understand you are frustrated.

The technique to get your menus to show properly is to go to the menu writer wizard and update the column width so that your text fits. Change the label to "tournaments" instead of "2008 -2009 Tournament Schedule". Any other solution would require at least re-opening and running the wizard if not making hand edits which you want to avoid.

Since our menus use css and lists, some are positioned relative to the menu before allowing them to appear on the right. When you set the width of the menu, it automatically positions the submenu according to the width.

I don't think I can solve your frustration. The menu writer does what it does and has restrictions inherited from its architecture, in this case cross browser compliant lists with css. Some things are tricky to do and some things just aren't possible.

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...