Elite Coders
Lord of the Rings or 300? What is your strategy?
When using CSS files for your website, do you find it better to be LotR or 300?
Do you have one CSS to rule them all, who cares about file size, or
Do you have many many smaller css files and link to the needed one(s) on each page as you see fit?
Currently I have 7 CSS files for one site, and I find it a bit ridiculous. I was thinking of paring it down to one really long one. What do you all think?
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Global Moderator
I'd recommend having as few as you can, though not overloading any.
You load a CSS file with 20 extra properties not used on a page... why?
There are a few options to make things more efficient:
1. Design a standard CSS file for your whole site. Include this on every page. Then make files for any sections or individual pages that you want custom things on. Then use a couple on a page.
2. Use PHP to generate different stylesheets based on need. I put a quick tutorial on that in the tutorials section if you'd need help figuring out how (though you probably don't).
Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum
Modtoreador
I use one long one, unless it's really huge or contains styles I know I'm never going to need on any other page.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Elite Coders
I would like to do just one. Part of my issue is that I have 3 main body places of my site, and the only difference between them (as far as CSS is concerned) is the background color and font color/size.
Now if I could find a way to use 1 CSS file with 3 body {} sections I would do that.
It still doesn't solve my 7+ current CSS files, I need to whittle those down, I guess either 3 max, or I need to find something uniform for the body{} and just go with one.
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Modtoreador
You can apply a class or ID to the body.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Elite Coders
OOOOO... Yeah I forgot about that! I will have to give that a try...
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Elite Coders
if you do not want to do that you could also have separate style sheets just for the color difference, so you would include the appropriate body style according to some action item (url)
where the body-color css files containPHP Code:__DOC_TYPE___
<html>
<head>
<?php
if($var == $val) { include_once("/css/body-green.css"); }
else if($var2 == $val2){ include_once("/css/body-blue.css"); }
else { include_once("/css/body-gray.css"); }
?>
<link type="text/css" rel="stylesheet" href="/css/styles.css" media="all">
<title>TITLE</title>
</head>
...
Code:body { background-color: #00ff00; ... }
Elite Coders
Thanks for that. I will keep it in mind. Although I will probably be better off with leaving the URL alone.
{CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
Follow Me on Twitter: @InkingHubris
PHP Code:$result = mysql_query("SELECT finger FROM hand WHERE id=3");
echo $result;
Modtoreador
You could also use PHP to generate the stylesheet and pass a GET variable.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Posting Permissions
Reply With Quote
Bookmarks