+ Start a Discussion
viswadaviswada 

Css problem

Hi ,

 

   I came with one issue . I have a vf with Css and also used static resources in  the css. now this  css  is  using in other vf pages. I am calling css  in other vf pages with attribute  styleclass="----", but  css is  not  calling, How

 

 sample Example  is  in the first vf page:  

 

 

<apex:page cache="true" showHeader="false" contentType="text/css">

 

ibtLargeContentContainer h2, .ibtContentSplitPrimary h2, .ibtContentSplitSecondary h2 {
width: 100%;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
margin-bottom: 14px;
}

/***** home *****/

.ibtHomeContainer .ibtContentSplitPrimary, .ibtHomeContainer .ibtContentSplitSecondary {
margin-bottom: 20px;
}

.ibtHomeContainer {
font-size: 13px;
}

.ibtHomeContainer .ibtHomeIdeaList {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left bottom;
}

.ibtHomeContainer .ibtHomeIdeaList .ibtHomeIdeaListTop {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left top;
}  

 

Like that i have around 1500 line of css code  is there.

 

 

and this  css code in another vf pages with style class directly like

 

 

<apex:page controller="IdeaController" showHeader="false">
<apex:composition template="ideaLayoutWrapper">-->
<apex:define name="content">
<apex:outputPanel styleClass="ibtAboutContainer" layout="block">
<apex:image value="{!aboutBannerImageUrl}" rendered="{!!ISNULL(aboutBannerImageUrl)}" styleClass="ibtAboutBanner" />
<apex:outputPanel styleClass="ibtLargeContentContainer" layout="block">
<apex:outputPanel styleClass="ibtLargeContentTop" layout="block" />

----------

 

when run this  page  css is not applied , when   i place whole  css code in other page it's working  fine,  what is the problem , can any oe help me to solve this  issue

 

Thanks