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

Hover question

Thread began 1/28/2010 11:52 am by peterlethbridge399499 | Last modified 1/28/2010 7:23 pm by neilo | 833 views | 5 replies |

peterlethbridge399499

Hover question

Does anyone know how I can make the hover background larger (top level) on the menubar so that it covers the whole menu item text?

Sign in to reply to this post

Dani Chankhour

Could you send me a link to your page, because there is different ways to do this based on your menu. For example, if your hover is using a background image, then you will need to modify the image, or if possible add a background repeat which you could in CSS Menu Wirter.

In general, if you want to make these modifications, reenter the CSS Menu Enter and click the Define Button next to the theme drop down and then click on the Design Tab, and select the Hover tab under background and border and you make the necessary updates there.

Sign in to reply to this post

peterlethbridge399499

website

the website is createorder.php

Thanks

Sign in to reply to this post

Dani Chankhour

To make the hover fit the entire text, open your menu.css file and look for these line of code:

ul#cssmw > li:hover > span > a {
background-image:url(../cssmw_images/left.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
}

and change it to:

ul#cssmw > li:hover > span > a {
background-image:url(../cssmw_images/left.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
width:110px;
}


You could see that i added a width to the hover state. You could increase that width accordingly.

Sign in to reply to this post

peterlethbridge399499

many thanks

thanks Dani

Sign in to reply to this post

neilo

But you then you may have to do some adjustment to make it line up properly for all headings, and to stop the text jigging about when you mouse over.

Easier would be to leave the css alone (on this occasion) open the left.jpg and right.jpg from the image folder and chop 15px off the right of the right one, and 15px off the left of the left one (so both are 13px wide). Then the menu will not dance about and the heading text will be centred in each one.

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