Pseudoclasses:How to apply different link colors in two separate table cells

How do I add the link state styles for these two cells?
Footer table is in an include file
Current code is:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td class="tdfooter1"><a href="index.php">Home</a> | <a href="about.php">About Our Company</a> | <a href="clients.php">Our Clients</a> | <a href="partners.php">Our Partners</a> | <a href="contact.php">Contact Us</a></td>
</tr>
<tr>
    <td class="tdfooter2">Copyright 2010 by Data Carpet & Rug   | <a href="terms.php">Terms Of Use</a> | <a href="privacy.php">Privacy Statement</a></td>
</tr>
</table>
Current CSS is:
.tdfooter1 {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    text-align: center;
    height: 30px;
.tdfooter2 {
    font-family: Tahoma;
    font-size: 12px;
    background-color: #CCCCCC;
    text-align: center;
    text-transform: capitalize;
    height: 30px;
Ran out of variations, and any assistance will really be appreciated

.tdfooter1 a:link {...
.tdfooter1 a:visited {...
.tdfooter1 a:hover {...
.tdfooter1 a:active {...
.tdfooter2 a:link {...
.tdfooter2 a:visited {...
.tdfooter2 a:hover {...
.tdfooter2 a:active {...

Similar Messages

How to Apply 'No wrap' & 'wrap' functionality to the table cell.

Hi,
I have tried with 'can grow' and 'can shrink' properties but didn't work.
Please let me if any other property is there that can help.

Hi K.Ramana,
I ran into the same issue and I found a workaround using some of the text functions available. Here is a sample of my tablix expression:
=Left( Field!LongString.value, 40 ) & vbCrLf & Mid( Field!LongString.value, 41, 40 ) & vbCrLf & Mid( Field!LongString.value), 81, 40)
Using a combination of text functions I can force to allow only a chosen number of characters. More info on these functions can be found here: http://msdn.microsoft.com/en-us/library/ee634938.aspx
Happy Reporting
-AshiaChanel :)

How to make the diagonal line in the swing table cell?

Hi all,
How to make the diagonal line in the swing table cell just like the link below?
http://61.132.17.188/webber/table.gif

One improvement.. To get a line that is neat, use a bit of Graphics2D
    public void paintComponent(java.awt.Graphics g)
        int w = getSize().width;
        int h = getSize().height;
        // draw a line between (0,0) and (w,h)
        g.setColor(getForeground());
        if (strTop == null)
            strTop = " ";
        if (strBottom == null)
            strBottom = " ";
            java.awt.Graphics2D g2 = (java.awt.Graphics2D)g;
          g2.setRenderingHint(java.awt.RenderingHints.KEY_ANTIALIASING,java.awt.RenderingHints.VALUE_ANTIALIAS_ON);
          //g2.setStroke(new java.awt.BasicStroke(14.0f));
        g.drawLine(0, 0, w, h);
        //the following lines will draw the two strings,
        //one above the top of the line and the above below it.
        g2.drawString(strTop, (w/2)+2, (h/2)-2);
        g2.drawString(strBottom, 2, (h / 2) + 2);
        //the x,y for drawString are only based on assumption.   //do necessary changes to suit ur needs.
    }Then create a TableCellRenderer and set it to the Table Header for ur table's 1st row.....
Cheers

If I have multiple accounts in my mail on a macbook, is there a way to separate the different accounts like in two separate tabs?

If I have multiple accounts in my mail on a macbook, is there a way to separate the different accounts like in two separate tabs?

I can't think of a way to show them in tabs, but Mail lets you open as many Mail list windows as you like. Set the Mail window to show just the inbox for Account A, then choose File/New Viewer Window and set that window to show just the Account B inbox. Arrange the windows next to each other.
I open multiple viewer windows all the time when dragging messages from inboxes to various folders, it saves a lot of time.

How to apply different colors to specific rows in JTable

hi,
Anybody could tell me the way of colorising the rows in jtable.. I want to apply different colors to diff rows..
If i get a piece of code that could help me a lot..
thanks in advance,
Sapna

you'll find the answer at http://www2.gol.com/users/tame/swing/examples/SwingExamples.html

How do you get 2 different link colors on the same page in DW CS4

Hi
After creating a white link called “white link test” in a blue background, I need to create a blue link called “blue link test” in a white background. How do I accomplish this task In DW CS4? I would greatly appreciate any feedback. Thank you
<style type="text/css">

</style>
</head>
<body>
<div id="apDiv1"><a href="file:///C|/wamp/www/laserzone/public_html/add_maintenance.php">white link test</a></div>
<p> </p>
<p>blue link test</p>
</body>
</html>

Nothing has changed. A stylesheet is still a stylesheet. And pseudo-classes are still pseudo-classes.
You need to define a set of link states (link, visted, hover, active) for each ID or class name required.
Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red} /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover, /**on mouse over**/
#header a:active, /**on click**/
#header a:focus {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How to apply different pseudo classes to links in two table cells

I have a table in an include file to display footer links. I need to overide deault link colors in only these two cells.
I've tried several variations of the link-visited-hover-active css to the td footer CSS wirh no success
Your assistance will really be appreciated
The table code is-
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td class="tdfooter1"><a href="index.php">Home</a> | <a href="about.php">About Our Company</a> | <a href="clients.php">Our Clients</a> | <a href="partners.php">Our Partners</a> | <a href="contact.php">Contact Us</a></td>
</tr>
<tr>
    <td class="tdfooter2">Copyright 2010 by Data Carpet & Rug   | <a href="terms.php">Terms Of Use</a> | <a href="privacy.php">Privacy Statement</a></td>
</tr>
</table>
The current CSS is -
.tdfooter1 {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    text-align: center;
    height: 30px;
.tdfooter2 {
    font-family: Tahoma;
    font-size: 12px;
    background-color: #CCCCCC;
    text-align: center;
    text-transform: capitalize;
    height: 30px;

.tdfooter1 a AND .tdfooter2 a (as below). Also make sure this css is in the document or linked to the document that the include is being called into.
.tdfooter1 a {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    text-align: center;
    height: 30px;
.tdfooter2 a {
    font-family: Tahoma;
    font-size: 12px;
    background-color: #CCCCCC;
    text-align: center;
    text-transform: capitalize;
    height: 30px;

How to have 2 link colors on one page?

Learning CSS and am unable to make this happen. What am I doing wrong?
http://larrysullivandesign.com/sourceprintmedia.com/_contact.html
http://larrysullivandesign.com/sourceprintmedia.com/sourceprintmedia.css
The text links at page bottom (link-typeA) load up blue, even though the stylesheet calls for them to be gray (#E8E8E8), so they'll read on dark background.
I want blue links site-wide, and grey at page bottom, only for link-typeA
I want only one style sheet, if possible.
How do I make all the link stage (active,hover, etc) colors apply to just link-typeA ? Only way I can see is in Page Properties, which makes one single embedded style on each page. confused....
thanks!

The divs are always referenced in the body and then you assign a class to that div. You can also asign a class to a table if you are using tables.
First make a refernce to an external style sheet and place all your css in there.
make your page and then assign the classes to the divs or tables.
If you think of a div as a container then you assign a class of (footer) to the container. The reference then looks to the external style sheet of where to find that class and then finds the .footer and assigns the correct attributes to it such as the .footer a:link{color:#000;}
you can also see the styles and assign them without handcoding by going to window/CSS styles

How to apply different styles to multiple spry accordian panels?

Hi all,
I have a website that I'm building that has multiple spry accordian features on it.
I am trying to apply different styles to each accordian. A problem arises when I try to place an accordian within another accordian.
I have styled two different background images for two of the accordians for the styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) which work fine.
When I try and place an accordian within another accordian the background image for this accordian for the styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has the different style applyed that I stated in the accordion.css file, however the style (AccordionPanelTabHover) has the same style as the accordian it is within even though in the accordion.css file I stated a different background image.
I hope all this makes sence below is my source and CSS Code.
I appriciate any help that can be given to help resolve this issue I am running in too.
Source Code
<div id="content">
<p><span class="first_header_word_packages">Welcome</span> <span class="header_word_packages">to our packages page</span></p>
<p class="content_txt">Here you can build the website package that matches your business needs as well as being able to work out the cost of your site without having to worry about scary hidden costs at a later date.</p>
<p class="content_txt"> We have two packages available for our customers;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
   <p>Text Goes Here</p>
    <div id="Accordion2" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
    <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
         <p>Text Goes Here</p>
      <div id="Accordion4" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
     <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
</div>
CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
          border-left: solid 1px gray;
          border-right: solid 1px black;
          border-bottom: solid 1px gray;
          overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
          margin: 0px;
          padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
          background-color: #CCCCCC;
          border-top: solid 1px black;
          border-bottom: solid 1px gray;
          margin: 0px;
          padding: 2px;
          cursor: pointer;
          -moz-user-select: none;
          -khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
          overflow: auto;
          margin: 0px;
          padding: 0px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
          background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
          color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
          color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
          background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
          background-color: #33CCFF;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg1.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg1_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry1.png);}
#Accordion2 .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry1_ro.png);}
#Accordion3 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg2.png);}
#Accordion3 .AccordionPanelTabHover,
#Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg2_RO.png);}
#Accordion4 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry2.png);}
#Accordion4 .AccordionPanelTabHover,
#Accordion4 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry2_ro.png);}

Okay guys,
I figured it out, if anyone was having the same problem as me and looking on this thread for the answer, here it is.
Firstly if you're wanting to seperatly style two or more Spry Accordions that are not within each other e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
You don't have to do this, as long as you have seperate ID's for the divs (which dreamweaver automatically does anyway) you'll be fine.
However if for some reason you want to put one accordion inside another like I did e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
</div>
</div>
</div>
Too style Accordian 1 & 2 so their tabs both have different backgrounds and Hover background when the content panel is open and closed you have to style it in the CSS they following way;
CSS
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry.png);}
#Accordion2 .AccordionPanelClosed .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
height:44px;
width:469px;
background:url(../images/packages_spry_ro.png);}
Normally when styling two seperate spry accordions you can just use the following code
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
The only difference with styling a Spry accordion within another to ensure they have different hover backgrounds when the content panel is open and closed is ".AccordionPanelClosed".
Hope this helped anyone who was having the same issue I was.

How to apply 3 way color correction to multiple clips in Final Cut Pro?

I have multiple clips from the same time and space footage that need color correction. I have worked on one of the clips and found the settings I like.
Is there a way to apply that correction to other clips without starting from scratch on each one?
Thanks!

SoCal (above) listed one way. Another way you can do it if you like the color correction that you have done and want to save it, you can click the picture of the hand in the color correction tab and drag it into the browser. This saves that specific arrangement of colors, highlights, etc.
Also, this might be a little easier but instead of pasting attributes and right clicking you can just grab the hand (that I just talked about) and drag it onto the clips you want to apply the same color correction to. The hand is located in the color correction tab (in viewer) and is under the "numeric" button.
Note: All of your clips in your timeline will have different contrasts, brightness, colors, etc. NO clip is going to have the EXACT same attributes as another. It doesn't matter how expensive and professional your camera is. Every shot is different whether you are using artificial lighting or the natural lighting. Having that said, you will probably still need to adjust your different clips a little bit to make them look like they are in the same room at the same time. Hopefully if your lucky or had perfect lighting for all of your shots, you will not have to do much messing around with your contrast, brightness, etc. Good luck!

How to apply different CSS styles to different table cells?

I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

mitchgart wrote:
BalusC wrote:
How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

How to apply different styles to Portlets on the same Portal page?

How do you apply different styles to Portlets on the same Portal page?
I'm new to this kind of thing, but understand that something called "cascading style sheets" can help here?
What are these, how do you use them, and can you make different Portlets (all types - PL/SQL, Java, Applications, etc) on the same Portal page have different styles assigned?
Thanks!

Jeff,
Apply Oracle Portal styles at the region level. Your portlets within each region will inherit the style defined for the region.
You may want to check out Report #40050 at portalcenter.oracle.com, "Design an Attractive and Compelling Portal Interface" for a good overview of the various design features of Oracle Portal.
Here is the link:
http://portalcenter.oracle.com/pls/ops/docs/FOLDER/COMMUNITY/OTN_CONTENT/MAINPAGE/OWSF_2003_PAPERS/40050_STOVER.PDF
Regards,
Jay

AnyGantt: How to set different bar color depending on data value.

Need to have different colors for bars in a gantt resource chart.
The color depends on certain data value not included in the visible part of the chart, so it must be provided 'extra' for the chart in some way without beeing visible.
Have studied some examples but cannot figure out the mechanism for this, and the procedure to implement it.
Any ideas?
Apex 4.2.2
Regards
Per.

Hi Per,
You mention "+Among the samples I can see that it has been implemented, but not how.+" - in the Information region below the chart that Tony referred to (https://apex.oracle.com/pls/apex/f?p=36648:50) that I've stated the following:
"The elements of the Timeline region have been customized via the Chart Attributes page, using the following settings: *Custom Colors*: #000000,#00FF00,#0033FF"
So that's how I applied custom colours to that particular chart. However, that declarative option won't meet your requirements, where the colours you wish to apply are dependent on data not included in the chart series query. You mention "+Now, if I add another column to the statement I get a yellow error message telling that the statement is not valid.+". It is not possible to simply add an additional column to the chart series query. Each supported chart type expects the associated chart series query to use specific syntax - see About Creating SQL Queries for Charts in Chapter 10 of the APEX User's Guide, http://docs.oracle.com/cd/E37097_01/doc/doc.42/e35125/bldapp_chrt.htm#BCEIJJID.
So to answer your question "+How to add the new value if not providing another column to the graph?+", if you wish to customise your chart to that extent, then you will need to use custom XML. Depending on what exactly you're trying to achieve, this may require the generation of custom data for your chart. If you edit your chart, and take a look at the Custom XML region, you'll notice a substitution string, #DATA#, towards the end of the XML. When a chart is rendered, we use the chart series query to generate the necessary XML to represent the data on the chart, replacing the string #DATA# with the actual XML. The format of the data XML generated for gantt charts uses a bar style called "defaultStyle", and this handles the default appearance of the bars in the timeline region e.g.
<period resource_id="1" start="2009.03.21 00.00.00" end="2009.09.21 00.00.00" style="defaultStyle"/>You'll see that the 'style="defaultStyle" ' attribute of the data corresponds to a segment of XML outlining what that style is e.g.
<period_style name="defaultStyle">Now take a look at the Bar Style in Resource Project example in the AnyChart online documentation http://www.anychart.com/products/anygantt/docs/users-guide/bar-style.html#bar-style-application-resource-project. In that particular example, a number of different bar styles are used i.e.
<periods>
<period resource_id="server_1" start="2008.07.07" end="2008.07.8" style="Working" />
<period resource_id="server_1" start="2008.07.8" end="2008.07.12" style="Maintance" />If you need to add a different bar style to particular rows of data on your chart, then you'll need to add new bar style XML for each colour you wish to use in the Custom XML on the Chart Attributes page, and then you'll also need to generate the data XML yourself, applying the necessary bar style to the relevant row of data. I've got an example of how custom data can be generated for a Resource Gantt here e.g. https://apex.oracle.com/pls/apex/f?p=36648:73 but keep in mind that particular example doesn't demo adding different styles to the data...but it can certainly give you an idea of what's entailed in the generation of custom data for your chart.
I hope this helps.
Regards,
Hilary

How to apply different keyboard shortcuts to an actions with the same name but in different menus within one application?

Hi,
Hopefully someone can help. I have the application "djay" and in two different menus there is the action "Eject". I was wondering if it's possible to apply different keyboard shortcuts to those actions with the same name? I can't see how to do it as it seems you can only write the action but as there are two it doesn't seem to work for me.
For example:
djay>Table-1>Eject - ⌘⇧1
djay>Table-2>Eject - ⌘⇧0
Thanks in advance for any help!!

A NodeList doesn't only contain 1 element. In your example it contains ALL <Data> elements inside the document.
NodeList nodes = document.getElementsByTagName("Data");
System.out.println(nodes.getLength() + " \"Data\"-elements found");
for(int i=0; i<nodes.getLength(); i++) {
Node node = nodes.item(i);
}

How to apply different styles to multiple spry collapsible panels?

Hello every.
I would really appreciate some help with this problem I am coming up against.
I am creating a website which has multiple Spry collapsible panels in it. I applied the styles I wanted for the first Spry collapsible panel I did in the styles panel with no problems what so ever.
However when I go to apply the styles I want for my second and every other Spry collapsible panel, when I applied the style I wanted it changed the first panel I did. I’ve tried giving all my collapsible panels different Div ID’s but no luck. I just can’t seem to apply different styles to each of my collapsible panels.
Can someone please advise me how to do this?
Thank you in advance for your help.
Kind regards
Elliot

I've figured the most of it out.
By giving the Spry Collapsible Panel that you want to style differently a separate ID and class and then duplicating the original Spry Collapsible Panel style in the CSS style panel on the right and renaming them the same name as the panel you want to style differently it will allow you to style it differently to all the other panels apart from the Hover.
I've tried everything! Below is the code I'm using for the two Collapsible Panels I want to style Differently.
I only want to have different Tab backgrounds and Hover backgrounds
1st Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
CSS Style
.CollapsiblePanelTab
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover
2nd Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel2" class="CollapsiblePanel2">
<div class="CollapsiblePanel2Tab" tabindex="0">Tab</div>
<div class="CollapsiblePanel2Content">Content</div>
</div>
.CollapsiblePanel2Tab
.CollapsiblePanel2TabHover, .CollapsiblePanelOpen .CollapsiblePanel2TabHover
As I said the Tab works both I have two seperate background images for the Tabs but I can only seem to have one background for the hover.
Has anyone any ideas on how to get around this?
Kind regards
Elliot

Pseudoclasses:How to apply different link colors in two separate table cells

Similar Messages

Maybe you are looking for