Is .class-active:hover good css?

I ran across some code for a menu that has this in the css:
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover { position:relative; display:block; padding:3px 10px 3px 10px; font:20px arial; background-color:#5B7893; color:#BECBD6; font-weight:bold; text-decoration:none; white-space:nowrap; width:195px; }
I understand what .item1 and .item1:hover are but I've can't find any tutorial that shows something like .item1-active and .item1-active:hover.
Is this legit css and if so what does it mean?
Thanks
Tom

I understand what .item1 and .item1:hover are but I've can't find any tutorial that shows something like .item1-active and .item1-active:hover.
Is this legit css and if so what does it mean?
Yes, it's legit.
.item1-active would refer to an item with that as a class assignment -
<a class="item1-active" href="whatever.html">
.item1-active:hover would refer to the hover state of that same item.

Similar Messages

  • Edge animate - How to hover and active effect in CSS ?

    Hi
    I have facing some problem in adding hover/active effect in css.
    For examples - i have two text button - (home & about us)
    i want to add functionality that, when i hover on button, it will show underline, when click it, it will active with different color
    & when i click anther button active button should be deactive & clicked button should be active.
    Plz help...
    Regards
    Susanta Kumar Muduli

    Hi there,
      The easiest way to achieve this would be to specify the properties with code since there is no animated transition that you're looking for.
      Start by opening Edge Animate and making two text fields with "home" and "about us". Then, name the text fields with a <div> ID by changing the name in the Properties panel. Click in the top text area and change the name <div> ID to something that's easy to identify with. I chose "homeText":
    Repeat this step for the "about" text field. Next, click the Open Actions icon next to your home text field object in the Timeline area:
    Choose "click" in the pop up menu that appears:
    Copy and paste this code below (this is CSS code styling the color property). Make sure to change "homeText" to whatever you chose to call the home text field object:
    sym.$("homeText").css("color", "#650097");
    sym.$("aboutText").css("color", "#000");
    In this example I made the home link's active color #650097 (purple). This code tells Edge Animate to make the home link purple and to make sure that the about link is the default black (#000).
    Next, click the plus button in the Open Actions window. This time choose "mouseover". This is where we will add the code for the hover functionality.
    Copy and paste the following code into the code window:
    sym.$("homeText").css("text-decoration", "underline");
    Finally, hit the plus button again to add one more event to the buton. This time choose "mouseout". This code will add funtionality to the button to make the underline disappear after the user is not hovering over it anymore. Copy and past the following code into the code window:
    sym.$("homeText").css("text-decoration", "none");
    Repeat these steps for the aboutText button. The code for the about button is below.
    Click:
    sym.$("aboutText").css("color", "#650097");
    sym.$("homeText").css("color", "#000");
    Mouseover:
    sym.$("aboutText").css("text-decoration", "underline");
    Mouseout:
    sym.$("aboutText").css("text-decoration", "none");
    If you need additional clarification / instruction, let me know. I hope this helps!

  • GOS - Class ACTIVITY

    Hi,
    Where is used the generic object service with class ACTIVITY?
    I though it was on transaction PB60 but I'm seeing  that in PB60 it's using the class APPLICANT as in PB30.
    Thanks for your help,
    mforman

    cl_fitv_gos might have nice functionality but since it is part of a specific application and not the AS layer, it can't be supported for general usage. Likely this class is a wrapper or helper for the resuable classes CL_GOS* - http://help.sap.com/saphelp_nw70ehp1/helpdata/en/be/3fe63659241157e10000009b38f889/frameset.htm

  • Any good CSS forums out there?

    Does anyone know of a good CSS forum...can't seem to find one....or does anyone care to help with my little problem...it involves an outer <div> no expanding to contain inner float <div>. I'll explain more if anyone cares to help.

    Here is a good forum for DHTML/CSS/JS: http://www.dynamicdrive.com/forums

  • Class activation failed  Error when trying to activate the enhancement

    Hi ,
    Wheni try to activate the enhancement for the component BP_HEAD_SEARCH  view SEARCHHELP
    i get the following error message Class activation failed  Message no. BL001
    the error occurs in implementation class , as wizard is adding some junk code.
    Is there other way to work on it .
    Edited by: sowmya K on Dec 9, 2008 2:00 PM
    Edited by: Lakshmi on Dec 10, 2008 9:14 AM

    The method WD_CREATE_CONTEXT in your Z-class has two ENDMETHOD. lines, one before and one after the wizard-implementation "ztyped_context ?= context." Just delete the first ENDMETHOD. line and activate the class, should work fine.
    Alternatively implement the note 1167357
    Edited by: Philip Kopetzky on Jan 14, 2009 12:34 PM

  • How do I add "a:hover" into CSS panel? DW says "no punctuation" allowed....

    When I use "Create a new CSS rule" and attempt to add "a:hover" tag rule into my CSS panel, DW gives me an error message that no puntucation is allowed in the name. But if I manually create the rule in the CSS style sheet itself, then it works just fine, and the rule will then appear in the CSS panel.
    What the heck am I missing? Is this just something that has to be lived with? Or is there a way to create the "a:hover" rule by using the "Create a new CSS rule"?
    Thanks for any help........................

    It's not the most intuitive CSS panel.
    In the Selector Type dropdown for Class/ID/Tag/Compound, select Compound
    In the Selector Name dropdown, you'll then see body, a:link, a:visited, a:hover, a:active.
    Select a:hover and you're on your way.

  • Code hints for id's and classes, already used in CSS

    Often when writing CSS I have to repeat #idnames and .classnames again and again, because I tend to write like this:
    #myelement {}
    #myelement .inner {}
    #myelement .inner .subdiv {}
    #myelement .inner .subdiv ul li {}
    #myelement .inner .subdiv ul li a {}
    #myelement .inner .subdiv ul li a:hover {}
    Is there a code completion for already used id's and classes in the CSS CodeView in Dreamweaver?
    I know the HTML Codeview give you hints for id's and classes from the CSS, but I want hints for id's and classes inside the CSS View.
    I know this from Aptana and it is really handy so I've just wondered.
    Thanks for answers.
    Pete

    Hello Susan;
    I don't know if this helps, but I was having code hint issues also, here is the link to the discussion.
    http://forums.adobe.com/thread/553610?tstart=0
    John

  • Make a Hover in CSS

    I have this logo in my css and I want to have it produce the Hover on mouseover.
    Below is the code:
    .LogoTop {
        background-image: url(/Image/logo1c%20124.jpg);
        width: 124px;
        background-repeat: no-repeat;
        height: 124px;
        float: left;
        margin-left: 25px;
        margin-top: 2px;
        display: inline;
    I have tried using cursor but it will not appear

    Changing the selector to .LogoTop:hover should work. However, Internet Explorer 6 and earlier only lets you use :hover on links, so you could wrap the code inside the LogoTop class inside a link and then the selector .LogoTop a:hover would work in IE as well

  • Class or Id on CSS Image Swap

    Please look at my CSS image swap. I'm wondering if I can use an ID rather than a class and achieve the same results. If so, how would I change the code?
    http://kcfi.biz/swap.html

    #kfcard {
        height: 171px;
        width: 316px;
        margin:0;
        padding:0;
        background-image:url(/assets/kfcard/kfcard2.png);
    #kfcard a {
        display:inline-block;
    #kfcard img {
        width:100%;
        height:100%;
        border:0;
    #kfcard a:hover img {
        visibility:hidden;
    <div id="kfcard"><a href="http://kcfi.biz"><img src="/assets/kfcard/kfcard1.png" width="316" height="171"></a>

  • Requirement types & requirement class for trading goods.

    Dear all,
    I am working on a project in which there are only trading goods. Majority of the items are make to order & few are make to stock.
    For the make to order scenario, what will be the requirements type & requirements class to be used for the trading goods. Which item category is to be used......will it be TAN or different......
    For the make to stock scenario, what will be the requirements type & requirements class to be used for the trading goods. Which item category is to be used......TAN cannot be used here as it will be used in the MTO scenario so diffferent controls.
    What control parameters should I take care of while defining the requirements class & requirement type.
    With best regards,
    Niyaz Sayyed.

    Hi,
        As my understanding,  You should copy a new requirement class and make the following parameters and its values.
       For Requirements,
          req.transfer is X
          Allocation ind. is 1
          Prod.allocation is X
         No MRP is blank
      For assembly
                    assembly type is 2,
                     order costing is X,
                     Special stock is E,
                     order type is ZXXX
    You can refer to the sap standard MTO strategy 20 to complete your project. This is the most important parts defining the requirements for sales and distribution module.
    george.shi

  • Active Hover Field

    When I make a custom generic component the bigger of the two graphics that makes up the component is used as the 'activator'. For example i have and image that when you hover over it, it fades out and a bigger version of that image fades in. The issue is if the cursor goes over anywhere the bigger image would come in, it activates the fade effect; when I only want it to fade if it is hovered over the smaller image.
    Is there anyway to get around this or is that just how it is?

    Hi xianxou,
    In the State of your custom component with the smaller image (I assume State 1)...
    -In the layers panel, show the larger image (that is triggering the interaction when you don't want it to)
    -Select it
    -Hit the delete key.
    Now run your project. The larger image is now "not there" so it shouldn't interfere with rollover.
    It is a little bit hidden but these three actions have different consequences...
    Turning the preview off for an item using the eyeball in the Layers panel (hides it for that state)
    Deleting an item using the keyboard (deletes the item from that state)
    Selecting an item in the Layers panel and hitting the trash can (completely removes it from your layer list and whole project)
    Hope this helps,
    Ian
    Catalyst Team

  • SPACES custom skin CSS Class reference ? which css styles do what?

    I am creating a custom skin for spaces using the Extend Spaces custom project. I am not able to find which css class names are mapped to which elements of a page in spaces. Inspecting the code does not help since the css class names seem to be autogenerated names and don't really match any names in the example "myskin" or any others I have seen.
    Does anyone know of a reference that shows which classes correspond to which elements in spaces?

    http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
    This is an overview of the selectors used in ADF. I think webcenter spaces only uses these. You should be able to skin your webspace using these selectors.

  • Color example on mouseover/hover within CSS file?

    (Please tell me I somehow missed this in the settings because I can't believe it's not in DW CS5.)
    I there something that lets me do the following?
    When I hover over a color value (eg #1c1c1c) in a CSS file, I would like a small window to pop up that is filled with that color.
    (like Firebug does, but then instantly from inside Dreamweaver CS5).

    highwaykind wrote:
    Thanks. I often don't have the CSS panel open - and that method doesn't seem to work for background color (shows hex value here, not the color?).
    But for 'color' it works, so it's something..
    Although I'd much prefer a quick popup in the code window itself.
    Really weird that something like this is not has not been built into DW yet.
    Guess I'll have to load the page in Mozilla, turn Firebug on, and reload on every change I make (*aaaargh!*) like I've been doing, until Adobe builds it into DW, or some genius creates a (preferably free) extension.
    I think I know what you are talking about that the color picker shows the hex value and not necessarily the color in the box.  There is a confirmed bug that Randy confirmed back around the release of CS5 on the Mac side.  However, 3 patches later it still isn't fixed (and yes, I have submitted bug reports after the patches).  If you are on the Windows side and this is a bug you may need to report it: Adobe - Feature Request/Bug Report Form .
    For more information please see: http://forums.adobe.com/thread/650242

  • Fiend class is a good design ?

    Hi All ,
    If we take a pure OOPs concept then private component of a class should not be accessed from outside.
    But this stuff we can bypass using the friend class .
    So my question is is it a good design to have friend class ?
    when to use friend class ?
    Regards,
    Ravi

    Hello,
    from the "pure" object-oriented programming paradigm view, a class should control the access to its members. Members which should be accessable by the outside have to be declared explicitly in the class interface. This information hiding principle has a lot of advantages: Other classes can use a class as a "black box" just by using the methods and fields from the class interface. They do not know and do not have to care about the internal implementation of the functionalities they use. Also, the implementation of a functionality within a class can change without any impact on the users of the class.
    The declaration of friend classes violates the information hiding principle. A friend class can access all members of the related class, so the internal implementation is transparent to it ("white box"). Thus, dependencies between both classes can exist. This may become problematic when the internal implementation of the related class is changed for some reason without taking care of the friend class. Additionally, errors within the class design are harder to find: The error might occur in the related class, but the code which produces the error can be within the friend class.
    So from my point of view, I try to avoid friend relationships between classes whereever I can. However, I have to admit that sometimes it is easier to declare a friend relationship than to avoid it, as this very likely complicates the whole class design. In my opinion, there is no general rule whether to use friend relationships or not -- it depends on the particular case.
    Regards
    David

  • Active/Active datacenters with CSS

    This is going to sound pretty general at first, but is there any way to do active/active balancing between two datacenters using Cisco CSS's?
    let me explain that a bit further.
    In my case, I'm not necessarily interested in having clients load-balanced between two datacenters as a whole, but more like having members of a load-balanced service group being located in two different datacenters.
    For example, I have two Datacenters, DC1 an DC2, each with a public IP for a certain TCP application. The public IP's are the front end addresses for a load-balanced cluster of application servers. In the past, we've had it so that each datacenter was completely seperate -- each public IP went to a group of servers within that datacenter. I want to change it though so that each public IP is the front end for a load-balanced group of servers that are located in both datacenters. Currently, each datacenter is it's own /24 subnet.
    I do realize that it might not be possible to adapt the existing infrastructure to support inter-datacenter load-balancing, in that case, can anybody point me in the right direction to build a new infrastructure that can support that?
    Thanks in advance for the help.

    Thanks Gilles. Just to clarify, your saying I need to NAT the incoming client connections to something unique per datacenter, right? So, for example, incoming connections in DC1 will be NAT'd to 10.250.0.0/16, and incoming connections in DC2 will be NAT'd to 10.240.0.0/16. Then I configure routing back through the CSS for those ranges?
    Thanks again,
    --Brandon

Maybe you are looking for