/    Sign up×
Community /Pin to ProfileBookmark

microsoft generated code and CSS

I’m working on customising Microsoft Reporting Services for use throughout my company. Because the code is generated by reporting services the only way I can change how it all looks is to change and edit the CSS file and any accompaying images.

At the top of the page are a couple of tabs. I thought they would look better with rounded corners. But as I say I’m unable to change the HTML as it’s being generated. I can add new classes to the CSS but it has to be based on whats already there.

So for instance the tabs use this class

[code]
.msrs-selectedTab
{
text-align:center;
font-family: Verdana, Arial, Sans-Serif;
font-weight:bold;
font-size:xx-small;
background-color:#7FC21A;
color:#000000;
text-decoration:none;
padding-bottom:6px;
}
[/code]

but again cause this is Microsoft and its being generated the tabs are table columns and again, I’m stuck with it.

I tried setting the background image to add 2 images for the corners but unfortuantely it seems you can only set one background image (or can you?)

Also tried setting background images for borders but that doesn’t seem possible.

Anyone know if I can reference another class from a class in CSS. I mean to do that in HTML I could go into the code and do <img class=”oneclass twoclass” /> but like I say I can’t edit the HTML so anyway to do this in CSS.

Anyone have any ideas that could help?

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@FangJun 06.2007 — Only 1 background image at the moment that is x-browser supported.

If I read that right, you can add to the css. If so then just add to the selector:
.msrs-selectedTab
{
text-align:center;
font-family: Verdana, Arial, Sans-Serif;
font-weight:bold;
font-size:xx-small;
background-color:#7FC21A;
color:#000000;
text-decoration:none;
padding-bottom:6px;
}
/* this in a seperate css */
.msrs-selectedTab
{
background-image:url(img.gif);
}
×

Success!

Help @RabBell spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...