CSS has no effect for page

andre72
andre72 used Ask the Experts™
on
Hi,

I've to develope a page using the CMS system Sitefinity.
I try to layout a template but some of my CSS have no effect.
DIV:
<div id="StatusPlaceHolder_T6875ACFA001" class="topMenu">
<div id="ctl00_StatusPlaceHolder_T6875ACFA001_ctl00_ctl00_siteMapControl_verticalsimple" class="RadTabStripVertical RadTabStrip_topMenu RadTabStripLeft_topMenu">
<div class="rtsLevel rtsLevel1">
<ul class="rtsUL">
<li class="rtsLI rtsFirst rtsLast">
<a class="rtsLink" href="../../../testseite">
<span class="rtsOut">
<span class="rtsIn">
<span class="rtsTxt">TestSeite</span>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>

Open in new window


CSS:
#RadTabStrip_topMenu
{
    background-color: Fuchsia;
}

#RadTabStrip_topMenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #007DB1;
}

#RadTabStrip_topMenu a
{
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: .2em .8em;
text-decoration: none;
}

#RadTabStrip_topMenu a:hover
{
background-color: #369;
color: #FFF;
}

Open in new window


I read issues about that  is strange to change the default CSS of the RAD controls but before I contact the vendor I like to ask here for some support.
Is my CSS right and should it work in a normal HTML enviroment?

Thanks

Andre
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
you have used # to define css whereas you have used classes for them. use . instead of #.

.RadTabStrip_topMenu a

etc.

hope this helps

Commented:
"#" is used to reference the ID attribute
"." is used to reference the CLASS attribute

Author

Commented:
Thanks works fine now ...

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial