[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

CSS troubleshooting

Posted on 2014-09-10
11
Medium Priority
?
148 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 2000 total points
ID: 40315584
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 34

Author Comment

by:Mike Eghtebas
ID: 40315590
Thank you.
0
 
LVL 58

Expert Comment

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

[id$="rdYTD"] {}

Open in new window

0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
LVL 34

Author Comment

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

Expert Comment

by:Gary
ID: 40315973
No thats css
0
 
LVL 58

Expert Comment

by:Gary
ID: 40315974
[id$="rdYTD"] {
color:red
}

Open in new window

0
 
LVL 34

Author Comment

by:Mike Eghtebas
ID: 40316099
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
ID: 40316105
Should be working
Try

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

Open in new window

0
 
LVL 34

Author Comment

by:Mike Eghtebas
ID: 40316202
No luck yet. Not working.
0
 
LVL 58

Expert Comment

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

Open in new window

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

Open in new window

0
 
LVL 34

Author Comment

by:Mike Eghtebas
ID: 40317202
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

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

590 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