[TYPO3] Sub-Templates?

[Martin Mifsud]

Ryan

You're trying to have two loaded CSS files, both defining different ways 
".banner" should look?

I don't think you can be 100% sure of getting the expected results in 
every browser, even if you manage to order the CSS loading properly. I'd 
use TS to change a banner-specific style sheet instead of just loading 
them all.

Or if you don't care for IE users, look up !important in css :)



Martin


Ryan Off wrote:
> I am trying to get a different header image to appear on each of my  
> pages. Previously, I apparently had this working, but I can not now.  
> I have a working root template with my homepage working perfectly.  
> Now, I created an extension template with one line in it:
> --
> page.includeCSS.file1 = fileadmin/templates/banners/banner-2.css
> --
> 
> I then created a CSS file has the following code in it to change the  
> banner:
> ---
> .banner {
>          background-image: url(http://ryanoff.com/fileadmin/templates/ 
> urbanleaf/images/banner_02.jpg);
> }
> ----
> 
> It looks like this should work, but the problem I am having is that  
> it appears the browsers loads the banner-2.css first, then the  
> original CSS, thus the original image is load on TOP of the new one.
> 
> Is there a way to change the behaviour of the template files to load  
> the extension template on top of the original template (thus  
> overlaying my new banner on the original one)?


-- 
Martin Mifsud