Thread

Hi all, so I’m running up quite the stylesheet on this project… it keeps on getting bigger and bigger, so I’m thinking about dividing it up into seperate stylesheets and then using the @import command on the master sheet.

My questions are:

1.)How do I code this to work with EE? (should I do an embed? or path=?)
2.)Will this slow the load time any (I don’t know how long it takes to perform the @import)

Also, I’m using quite a bit of background images in the css. Can anyone tell me how those are loaded… i.e. are they loaded all at once, resulting in a slower page load, or are the images only loaded as they are called for in the html?

Thanks,
Scott

anyone?

Scott

The load time shouldn’t be any (measurably) different. The browser engine will run through it line by line as it would a single stylesheet, the only additional processing time is to locate and move to and from the imported sheet.

Code the call to the master sheet in the same way you are now, then use the import command within the subsequent sheets

@import url("absolute or relative path to import sheets");

Be careful on the path you use (relative or absolute).

The thing that will may cause noticeable delay is the size of the images you are using as backgrounds. So try to re-use as many images as you can, and don’t forget the ability to repeat images.