Solved

CSS troubleshooting

Posted on 2014-09-10
11
139 Views
Last Modified: 2014-09-11
YTD
Question: How can I change my CSS to show YTD in red?

Thank you

                  <asp:Panel ID="optRollup" Class="optRollup" runat="server">
                        <asp:RadioButton ID="rdMonthly" runat="server" Text="Monthly" TabIndex="1" GroupName="optRollup"
                              enabled="false" />
                        <asp:RadioButton ID="rdYTD" Text="YTD" Checked="true" runat="server" 
                            TabIndex="2" GroupName="optRollup" />&#160;&#160;
                    </asp:Panel>

#optRollup, #Panel3
{
    background-color:white;/*#cdc5bf;   ,*/
     border:solid 1px #808080;
    margin:2px 0px auto 2px;
    padding  : 0px auto 2px auto; 
    background:transparent;
    /*  #2f4f4f;#cdc9c9;*/
   display: inline;
   color: white; 
   font-family:Tahoma;
   font-size:10px;
}
 #rdYTD
{
    color:red;/*#cdc9c9;*/
}

Open in new window

0
Comment
Question by:Mike Eghtebas
  • 6
  • 5
11 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
Comment Utility
Using runat="server" will change the ID in the browser
Add a class to the element and use that for the targetting in the CSS
0
 
LVL 33

Author Comment

by:Mike Eghtebas
Comment Utility
Thank you.
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
You can also use this, but its a bit of a bad habit

[id$="rdYTD"] {}

Open in new window

0
 
LVL 33

Author Comment

by:Mike Eghtebas
Comment Utility
Is [id$="rdYTD"] {} for php? Or, or it would work for asp.net as well?
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
No thats css
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 58

Expert Comment

by:Gary
Comment Utility
[id$="rdYTD"] {
color:red
}

Open in new window

0
 
LVL 33

Author Comment

by:Mike Eghtebas
Comment Utility
Hi Gary,

It is very nice alternate, but the following is not working for me for some reason.

 [id$="rdYTD"]
 {
    color:red;
}

How can I correct this? Do you post under a new question?

Thanks,

Mike
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Should be working
Try

 [id*="rdYTD"]
  {
     color:red;
 }

Open in new window

0
 
LVL 33

Author Comment

by:Mike Eghtebas
Comment Utility
No luck yet. Not working.
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
[id$="rdYTD"] {
color:red !important
}

Open in new window

Or
 [id*="rdYTD"]
  {
     color:red !important;
 }

Open in new window

0
 
LVL 33

Author Comment

by:Mike Eghtebas
Comment Utility
Maybe I am doing something wrong. It didn't work.

I may later add a new question later. I will send you a link.

Thanks,

Mike
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now