close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

css oops main menu

Thread began 1/20/2011 2:33 pm by segalmedia367166 | Last modified 1/21/2011 5:09 am by neilo | 932 views | 5 replies |

segalmedia367166

css oops main menu

OK, I got sloppy and made some changes to the css without backing up first, can you tell me which rules I edited on my main menu to remove the background? segalmediaproductions.com/index.php

It won't happen again...

Sign in to reply to this post

neilo

That's ten minutes on the naughty step for you.

Without knowing how it was before, and assuming that the buttons and hover states were the same as other areas of the page, I think that the rules might have been:

configurable.css (line 70)

.ps_main a, .ps_main a:link, .ps_main a:visited, .ps_main a:active {
background-color: #807068;
color: #FFFFFF;
}

configurable.css (line 74)

.ps_main a:hover {
background-color: #CC1776;
}

If you wanted to remove the underline, each would need to have a text-decoration:none line.

I don't know if the whole navigation area had any background, but if it did it could have been in default.css at about line 39, or configurable.css (line 58) for just the button nav area.

Sign in to reply to this post

segalmedia367166

thanks, now what is over-riding my active or current?

Thanks so much for your help. Could you possibly help me figure out what I did to over-ride my active or current state?

Lisa

Sign in to reply to this post

neilo

Hi Lisa,

That is difficult to guess at, it maybe that for some reason the order that the stylesheets were called in to the page changed.

At the moment, the stylesheets that could have affected your final navigation design are:

<link rel="stylesheet" type="text/css" href="webassist/plugins/main_menu/menu.css">

@import url("webassist/themes/segalmedia3/css/default_styles.css");
@import url("webassist/themes/segalmedia3/css/configurable.css");

But unless you have been changing the order of these (maybe adding/removing plugins) then I don't think that could have caused the change.

The first of those is just a very basic stylesheet for the menu that wouldn't affect the finer styling of the menu.

As the background colors for the a and hover states are defined in the last of these (configurable.css) then those will be the ones that are written to your page, even if you also set the background color styles in the 'default_styles.css'.

The default_styles.css is responsible for defining the basic shape (width, position, padding margin, moz-radius) of the links, the configurable.css coming after it defines the finer tuning, colors.

That's the long and useless answer,

The short and accurate answer is that I haven't a clue. If you wanted to experiment with colors some more, then it would be in the configurable.css stylesheet.

Sign in to reply to this post

segalmedia367166

current or active state

Basically, I want my current or active state (page you are on to be a different background color). I did go into all three css files

<link rel="stylesheet" type="text/css" href="webassist/plugins/main_menu/menu.css">

@import url("webassist/themes/segalmedia3/css/default_styles.css");
@import url("webassist/themes/segalmedia3/css/configurable.css");

Unfortunately, my hasty fingers moved faster than my common sense and now I don't know what I did and in what order. Any thoughts as to how to get back my current/active page?

Lisa
P.S. Nice web sites by the way.

Sign in to reply to this post

neilo

Thanks Lisa,

I'm not so sure about this one; for there to be a current state, I would expect to see a rule for it in your menu.css stylesheet. Whether it is set or not depends on the javascript block that appears immediately below the menu on your page.

You could try adding:

#cssmw li.current a, #cssmw li.current a:link, #cssmw li.current a:visited, #cssmw li.current a:active {
background-color:#CC1776;
color: #FFFFFF;
}

to the end of your webassist/plugins/main_menu/menu.css file. The javascript bit on your page looks set to accomodate the current state already, so I don't think it needs to be changed.

Sign in to reply to this post

neilo

This post has been deleted.

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