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?
EllieI 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?
Try contacting Adobe personal chat:
-
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:
li#which_button a { /* move your active styles here */ }
(replace "which_button" with the id of the active button on the page in question)
-
Active AF:commandLink: hover &; 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.
-
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?
{#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" > -
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 the
cells 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;
}
-
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 SimpsonShow 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
> -
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. -
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:
$(document).ready(function(){
$('.cat-item-wrp').css('cursor','pointer').mouseenter(function()
{
$(this).find('.cat-item-img').addClass('color-over');
$(this).closest('.cat-item-wrp').addClass('box-shadow');
});
$('.cat-item-wrp').mouseleave(function()
{
$('.cat-item-img').removeClass('color-over');
$('.cat-item-wrp').removeClass('box-shadow');
});
});
-
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 }
-
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