Is .class-active: hover css good?

I ran across a code for a menu has this in the css:

. DDMX .item1,

. DDMX .item1:hover,

. DDMX .item1-active,

. .Item1-active DDMX: hover {position: relative; display: block; padding: 3px 10px 10px 3px; font: arial 20px; background-color: #5B 7893; color: #BECBD6; make-weight: bold; text-decoration: none; white-space: nowrap; width: 195px ;}}

I understand what .item1 and .item1:hover but I can't find a tutorial that shows something like .item1-active and active .item1: hover.

Is this css is legitimate and if so what it means?

Thank you

Tom

I understand what .item1 and .item1:hover but I can't find a tutorial that shows something like .item1-active and active .item1: hover.

Is this css is legitimate and if so what it means?

Yes, it's legitimate.

. Item1-active refers to an element with this as a class assignment-

. Item1-active: hover would designate the State pointed to this same article.

Tags: Dreamweaver

Similar Questions

  • Problem activation of CSS styles

    Hello
    I'm just getting started with ice and so far it seems that this will be a nice way to let some customers to edit their own content without "breaking" the design. However, I'm running a problem activating the CSS styles.

    My site is a php site and I use includes for the top of the page, stylesheet, etc. on each page. Dreamweaver, think, therefore, there is no style sheet linked to the page because the link is contained in understand it.

    Is it possible to implement the styles in a style sheet included in an include file is recognized by the ice?

    Ellie

    I figured out what to do...

    The first thing was to put the link in the header of the include file and add:

    Ice: class = "" * "for the link CSS settings."

    The second thing I did was to change the definition of the styles of

    Element.Class {style} .class {style}

    I'm guessing that the ice cannot see that general classes and not the classes that apply to specific items. An example is that in my original CSS file, I had

    IMG.hilight_img {border :...}

    When I chose the IMG I wanted to apply the style to in ice, without styles available appears. However when I changed my CSS definition:

    .hilight_img {border :...}

    Then was able to apply the style to my image in Ice I noted, however, that the ICE has not added the class "hilight_img" in the IMG tag. Instead, it creates a span around the image and applied to that class. Not ideal, but the result has worked.

    Ellie

  • Please can you help. My PC has been repaired under warranty during which the motherboard was changed. I cannot now use CS6 design standard because I assume that he thinks it is on another computer. Previous activation was very good. What should I do now?

    Please can you help. My PC has been repaired under warranty during which the motherboard was changed. I cannot now use CS6 design standard because I assume that he thinks it is on another computer. Previous activation was very good. What should I do now?

    Try contacting Adobe personal chat:

    Contact the customer service

  • In a model of Dweamweaver navigation bar... cannot change the class 'active '.

    Hey guys,.

    Here is my delima: I'm finally uses the functionality of Dreamweavers model, and it's great! Except when it comes to my navigation bar. I have a nave bar that changes its wells depending on what link set to the current class... the way it should work is this: If you click on the link the the bar of the nave that says 'about' then you are about us - us.html and then the button on the navigation bar for us is highlighted showing that you are on this page. The code base of the navigation bar looks like this (this is Twitter Bootstrap):

    <div class="navbar">  <!-- ..............Start NavBar............... -->
      <div class="navbar-inner">
        <ul class="nav">
          <li class="active"><a href="index.html">Home</a></li>
          <li><a href="logos.html">Logos</a></li>
          <li><a href="web-design.html">Web Design</a></li>
          <li><a href="graphic-design.html">Graphic Design</a></li>
          <li><a href="print-design.html">Print Design</a></li>
          <li><a href="about-christian.html">About Christian</a></li>                 
         </ul>
       </div>
    </div> <!-- ..............End NavBar............... -->
    

    Now, what I want, is to edit what < li > has the 'active' class and everything else to be... that can, may apply to a large part. However, when I try to do the secion above of the code a editable area, it breaks the navbar alltogether (does not show the navigation bar on any page). What can I do to work around this problem? Thank you!

    Edit: I MC CS6

    You never want your navigation in an editable area, because it would mean that a change in navigation would require you to change each page individually.

    If your navigation was structured like this-

    Then, you could easily specify which button is 'active' by incorporating a small stylesheet in the editable area of the head of each page:

    (replace "which_button" with the id of the active button on the page in question)

  • Active AF:commandLink: hover &amp; CSS does not work

    Hello

    I use JDeveloper 11.1.1.6

    My script is required to change the color in < af:commandLink > at this time active. I tried CSS styles below,

    + af | commandLink: active {+
    background-color: #7FFFD4.
    +}+

    + af | commandLink: hover {+
    background-color: #FFCCFF;
    +}+

    But it does not work. I followed this URL http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandLink.jspx .

    Hi David,

    Looking for probably

    af|commandLink:link:active
    {
      color: Aqua;
    }
    

    Here are the other selectors

    af|commandLink:active
    af|commandLink:busy
    af|commandLink:disabled
    af|commandLink:hover
    af|commandLink:inline-selectable
    af|commandLink:inline-selected
    af|commandLink:link:active
    af|commandLink:visited
    

    See here: http://jdevadf.oracle.com/adf-richclient-demo/docs/skin-selectors.html

    Kind regards

    Lalit

  • CSS: link, active.hover, visited

    For some reason, I can't get the css to work properly. The link is: http://www.pinnaclesites.com

    CSS is attached.

    Thank you.

    I'm a fool - as I paste the css code, I saw that I was missing something. I'm sorry.

  • Class or Id CSS Image swap

    Please watch my CSS image swap. I wonder if I can use an ID rather than in a class and get the same results. If so, how do 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;

    }

    http://kcfi.biz">/assets/kfcard/kfcard1.png" width = "316" height = "171" >

  • Hover CSS question

    It seems that once the link has been visited, it is no longer change color when stir on... this forum has been so useful, it would be nice if someone could point out where I was wrong...

    This is one of the pages of the site as the home page is different... www.meadowcroftgallery.com/meadowcroftkinetic.html

    Here's the css

    {body
    color: #c3300;
    font-size: medium;
    do-family: Verdana, Arial, Helvetica, without serif.
    make-style: normal;
    make-weight: normal;

    background-color: #fff

    }
    a: link {color: #333366; text-decoration: none ;}}
    a: hover {color: #993300; text-decoration: none ;}}
    a: visited {color: #333366; text-decoration: none ;}}
    a: img {border: none ;}}
    a: active {outline: none ;}}
    a: focus {outline: none ;}}

    {p}
    vertical-align: middle;
    }
    TD {}

    After Nancy positions, you can redesign your CSS in this way.

    a {color: #333366; text-decoration: none ;}}
    a: hover {color: #993300 ;}}
    a: active, a: focus {outline: none ;}}

    a: img {border: none ;}}

    and it works perfectly.  If you do this, keep in mind that the first rule apply to the * all * anchor tags on the page, including any named anchors, for example,.

  • Transition from hover CSS... How can I add a hyperlink

    Hello

    This can be difficult for many of you... but I can't work on how do it.

    I created a menu of navigation in PS and added the image elements in table cells to keep the correct formatting. that I added a css (such as rollover hover image) transition effect. How can I insert my navigation links now?

    I'm on DW cc 2015, which is very slow btw.

    Help, please!

    Thank you very much!!

    Here's the code I used

    < div id = "NavDivGraph" >

    < table >

    < tbody id = "NavGraph" >

    < tr id = "navGraph" >

    < td = 'wir' id > < table >

    < td = "musik" id > < table >

    < td = 'video' id > < table >

    < td = 'fotos' id > < table >

    < td = "Garden" id > < table >

    < td = "kontakt" id > < table >

    < td id = "print" > < table >

    < /tr >

    < / tbody >

    < /table >

    < / div >

    Add an id to your navigation in red below table: then add your links to thecells as below WITHOUT any text in the anchor tag.

    Then add the below css to your styles.css file

    #main - nav a {}

    display: block;

    height: 80px;

    }

  • Hover css effect

    I have boxes on my page (created with the divs) each box has a different background color, I want the box to go to 40% opacity on rolling, nobody knows what the css code is to do, without having to create two different color boxes?  I know it's the hover: effect but not sure of the exact code, thanks!

    The older IE browsers are not standardized so that they do not support most of the CSS2 and CSS3 properties.  Live with it.  It won't make or break your site.

    MS Filters have unpleasant side effects which make the text appear really terrible. I prefer to avoid the filters.  If your customers still use older IE, they don't see all the sweets of great concern.  They don't know what they're missing chances are anyway.

    Nancy O.

  • Class not appearing CSS style is not in the property inspector

    Hello

    I'm building a new site in Dreamweaver 8 and started to format the text when entering new CSS Styles, but they may not appear in the property inspector. If I switch back to my other site, all right. Anyone encountered this?

    Thank you

    The head of Don Simpson

    Show us what you used to these new Styles CSS selectors? Only the class
    selectors will appear in the property inspector, since the type and ID
    the selectors are applied automatically.

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "Don Simpsons Head" wrote in message
    News:fuo0hr$N5$1@forums. Macromedia.com...
    > Hi,.
    >
    > I'm building a new site in Dreamweaver 8 and began to shape the
    > text
    > by entering new Styles CSS, but they may not appear in the property
    > Inspector. If I switch back to my other site, all right. A
    > someone running
    > in this?
    >
    > Thank you,
    >
    > The head of Don Simpson
    >

  • hover CSS

    Hello
    I am using css to create a text box that appears when you hover over the different images. the image is inside a p tag and there is a span tag in this p tag containing the text.

    It seems that IE7 WIN place this text box compared to his image rather than the document, like most other browsers.

    You can read it here: www.actonthis.org

    Thank you!

    "elapsedepoch" wrote in message
    News:eqg9af$hir$1@forums. Macromedia.com...
    > What I'm trying to do, is make unique text boxes pop up when you
    > Hover over the corresponding images. I am referring to the four red
    > images at the top right of the page.

    Then, you want to use this technique in my little example that I posted
    yesterday:

    #head span {} p
    display: none;
    position: absolute;
    top: 120px; / * Image height value * /.
    left: 0;
    }
    #head P:hover span {}
    display: inline;
    }

    As Gary said, you can't use 'block '. For a period, you toggle the display
    property of 'zero' to 'inline', because a scope is online.

    --
    Al Sparber - PVII
    http://www.Projectseven.com
    Dreamweaver extension - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design.

  • Need help hover CSS

    Hi all, I have a need to create a hover effect on an article that has a series of tags, div or sections it contains.

    I have the hover working on the wrapper where the box-shadow is done, and it shows when you hover over white or gray areas. But, as you will see, the grey area also has an additional hover effect added to what I want activate few matter where you place the cursor. Currently, it activates only when you place directly on it. I want to take place is the white area of the wrapper will also raise the gray area to change, but I can't understand this.

    See my sample code here: Untitled Document but basically everywhere you go, I want the box-shadow and rgba to activate.

    So, how can I do? Are there any tutorials that I could follow you know, or y at - there a name for this technique I can get?

    Thank you.

    See code in the post above - then you will ask how the code onlt affcet, a box (it seems to be a catelogue element). Display the script block to as below:

  • Pseudo CSS classes do not work

    I'm trying to show the feedback of control when the user has made a click on anchor tags, buttons etc in the web page. To do this I use CSS pseudo-class: active, but could not see the feedback shown on controls. I tried with: hover,: visited but had no luck.

    I thought that here in CSS 1.0 specification and blackberry browsers support, I think that these classes are not supported on blackberry browsers or may be I am doing something wrong.

    Ex: input.button: active {background: url (blueButton.png)}

    I tried the Storm 9530 model, but could not make it work.

    If anyone worked on feedback control, showing a click on the control when the user has performed an operation, could you help me how to do on the blackberry browsers.

    What I usually do is to change the image using JavaScript.  On the element onclick(), I change its style characteristics to give the impression that this option is selected.

    You can also do the trick where change you the style of images / the onclick() button and then to execute the rest of the code for the 'click' action, you run by using a setTimeout().  This is because the JavaScript thread must leave before he'll re - paint user interface

    An example below:

    function doClick() {
    
      document.getElementByID("myImage").src='images/selectedBtn.png';
      setTimeout('doRestOfClick()', 200);
    
    }
    
    function doRestOfClick() {
    
      // Whatever logic I wish to perform
    
    }
    
  • Creating the javax/activation/ActivationDataFlavor class error ORA - 01031: insufficient privileges

    Hi all

    I created mail.jar is correctly loaded in the database, but while loading activation.jar I get the following error.

    Version of Oracle 11.2.0.4.0 database.

    loadjava.bat u sys / * o - r - v f - noverify-synonym g public D:\EXCEL_ORACLE_DIR\activation.jar

    arguments: '-u' ' sys / *' 'o' '-r' '-v' '-f' '-noverify' '-synonym ' "-g' 'Public' 'D:\EXCEL_ORACLE_DIR\activation.jar'"

    creation: resource META-INF/MANIFEST. MF

    loading: resource META-INF/MANIFEST. MF

    creation: resource META-INF/mailcap.default

    loading: resource META-INF/mailcap.default

    creation: resource META-INF/mimetypes.default

    loading: resource META-INF/mimetypes.default

    creation: javax/activation/ActivationDataFlavor class

    loading: javax/activation/ActivationDataFlavor class

    Error when creating class javax/activation/ActivationDataFlavor

    ORA-01031: insufficient privileges

    ORA-06512: at line 1

    creation: class javax/activation/CommandInfo

    load: class javax/activation/CommandInfo

    Error when creating class javax/activation/CommandInfo

    ORA-01031: insufficient privileges

    ORA-06512: at line 1

    Something that I missed.

    Thank you all for your response.

    I connect sys as sysdba.

    I checked the sys schema which classes activation.jar is already there that is why it is showing error.

Maybe you are looking for

  • Tecra M2 - screen changes to pink background

    Hi - This is my first post and I would appreciate some advice.Sometimes when I turn on the laptop, and sometimes in the workplace, the white background on the screen going pink. Then the screen looks blurry, although everything seems to work OK.I tri

  • Ubuntu 10.10 - F-Spot has encountered an unrecoverable error

    I installed F-Spot for Ubuntu 10.10 and after scanning photos to add to the library, it will not start. I just get this message: ' F-Spot has encountered an unrecoverable error. Value is greater than Int32.MaxValue or less than Int32.MinValue. Screen

  • When I connect the computer says there is not a configuration, the name or serial number

    I have a HP Pavilion dv7-3165dx Entertainment Notebook PC, running Windows 7. When I log in, it says that he does not know the configuration, the name or serial number. It also doesn't let me back up my files. What should I do to let him remember who

  • Reinstall Vista 32-bit on the partition C erase data on other partitions?

    Hello. I have a computer with vista 32 bit pre-installed. I made the recovery discs and I know how to use them. I created a partition D: on my computer myself. Reinstall Vista 32-bit on the partition C erase data on other partitions?  Y / N Chris.

  • Messed up my Email message value

    When I click on new message in Outlook, my already created signature will appear in tiny print, small size (illegible). And I can't type anything new in the correct size - when I do, it is totally unreadable. That's happened? I inadvertently doing? P