=[ How should I set up my CSS Files? ]=

Right now I am in the process of cleaning up my CSS file so then I can
split it up into several files like: "Global", "Layout", "Typography",
and "Lightbox" (the last one being for the AJAX Lightbox JS.)

My question is this:  How should I set up the files for those who will
view them?
Like, splitting up the various sections with a comment, and putting a
heading at the top of each.
What I mean is, how should I display this information?

(BTW, I’m using ScITE for my editing :-D )


Mark Seymour
markseymour…@hotmail.com

11 Responses to “=[ How should I set up my CSS Files? ]=”

  1. admin says:

    "red_dragon2983" <markseymour…@hotmail.com> wrote:
    > Right now I am in the process of cleaning up my CSS file so then I can
    > split it up into several files like: "Global", "Layout", "Typography",
    > and "Lightbox" (the last one being for the AJAX Lightbox JS.)

    > My question is this:  How should I set up the files for those who will
    > view them?
    > Like, splitting up the various sections with a comment, and putting a
    > heading at the top of each.
    > What I mean is, how should I display this information?

    As for comments, if you repeat in English what the line below does, don’t
    write the comment. (E.g. changes the font to bold). Make sure that you’re
    able to understand and your own comments and breaking up after 3 months
    not looking at it. Which is easier said then done.


    John                Experienced Perl programmer: http://castleamber.com/

    Fart Free Fox:      http://johnbokma.com/firefox/find-in-page-sound.html

  2. admin says:

    Okay, so I’ve put in comment headings and whatnot, and
    here’s a sample of the *very* top of my CSS file:

    ===[ Code ]======================================

    /*\*/
    @import "lightbox.css";

    /*== global ==*/

    * { margin: 0; padding: 0; }

    body { font: 10pt/1.5 arial, helvetica, sans-serif; color: #000;
    background: url(‘../images/bg-2.gif’) top center repeat-x #FFFFFF; }

    ===[/ Code ]=====================================

    Thanks for the info :D
    Any more suggestions?

  3. admin says:

    - Hide quoted text — Show quoted text -

    "red_dragon2983" <markseymour…@hotmail.com> wrote:
    > Okay, so I’ve put in comment headings and whatnot, and
    > here’s a sample of the *very* top of my CSS file:

    > ===[ Code ]======================================

    > /*\*/
    > @import "lightbox.css";

    > /*== global ==*/

    > * { margin: 0; padding: 0; }

    > body { font: 10pt/1.5 arial, helvetica, sans-serif; color: #000;
    > background: url(‘../images/bg-2.gif’) top center repeat-x #FFFFFF; }

    > ===[/ Code ]=====================================

    > Thanks for the info :D
    > Any more suggestions?

    I would write the last line more like:

    body {

       font: . ….
       color: black;
       background: …. … white;

    }

    but I have a programming bg :-D


    John                  Freelance Perl programmer: http://castleamber.com/

    Creating a customized Command Prompt shortcut:
                   http://johnbokma.com/windows/command-prompt-shortcut.html

  4. admin says:

    I see :-D  But I’d rather use hex for the colors and whatnot cause I
    don’t have to bother with spelling such as "Blue-Violet" instead of
    "BlueViolet".

  5. admin says:

    "red_dragon2983" <markseymour…@hotmail.com> wrote:
    > I see :-D  But I’d rather use hex for the colors and whatnot cause I
    > don’t have to bother with spelling such as "Blue-Violet" instead of
    > "BlueViolet".

    using black and white is also documentation :-)


    John      Perl programmer: http://johnbokma.com/perl/perlprogrammer.html

    TextPad+TortoiseSVN:http://johnbokma.com/textpad/textpad-subversion.html

  6. admin says:

    "John Bokma" <j…@castleamber.com> wrote in message

    news:Xns97AB14BF44168castleamber@130.133.1.4…

    > "red_dragon2983" <markseymour…@hotmail.com> wrote:

    >> I see :-D  But I’d rather use hex for the colors and whatnot cause I
    >> don’t have to bother with spelling such as "Blue-Violet" instead of
    >> "BlueViolet".

    > using black and white is also documentation :-)

    OK, OK.

    I think I want to join or start the John Bokma fan club.

    I have seen nothing but quality input, good humour and sound advice in AWW.
    from mr. Bokma.

    Thanks for helping make this a more worthwhile NG, JB.

    Now, while I’m trying to get my nose out of his arse, anyone else care to
    add a comment?

    Mak.

    "People were looking around like headless chickens. "
    [DEWI MORRIS]  Sky Sports

    http://www.private-eye.co.uk

  7. admin says:

    On Thu, 20 Apr 2006 09:37:16 +0100, "Mak" <spamboun…@Makrobicz.com>
    wrote:

    - Hide quoted text — Show quoted text -

    >"John Bokma" <j…@castleamber.com> wrote in message
    >news:Xns97AB14BF44168castleamber@130.133.1.4…
    >> "red_dragon2983" <markseymour…@hotmail.com> wrote:

    >>> I see :-D  But I’d rather use hex for the colors and whatnot cause I
    >>> don’t have to bother with spelling such as "Blue-Violet" instead of
    >>> "BlueViolet".

    >> using black and white is also documentation :-)

    >OK, OK.

    >I think I want to join or start the John Bokma fan club.

    >I have seen nothing but quality input, good humour and sound advice in AWW.
    >from mr. Bokma.

    >Thanks for helping make this a more worthwhile NG, JB.

    >Now, while I’m trying to get my nose out of his arse, anyone else care to
    >add a comment?

    Leicester Square

    Matt


    Odi profanum vulgus

  8. admin says:

    Matt Probert wrote:
    > On Thu, 20 Apr 2006 09:37:16 +0100, "Mak" <spamboun…@Makrobicz.com>
    > wrote:
    > >"John Bokma" <j…@castleamber.com> wrote in message
    > >news:Xns97AB14BF44168castleamber@130.133.1.4…
    > >Now, while I’m trying to get my nose out of his arse, anyone else care to
    > >add a comment?

    > Leicester Square

    But we’re not playing with Hubert’s Tangents in effect!


    AGw.

  9. admin says:

    On 20 Apr 2006 07:09:45 -0700, "frederick"

    <freder…@southernskies.co.uk> wrote:
    >Matt Probert wrote:
    >> On Thu, 20 Apr 2006 09:37:16 +0100, "Mak" <spamboun…@Makrobicz.com>
    >> wrote:
    >> >"John Bokma" <j…@castleamber.com> wrote in message
    >> >news:Xns97AB14BF44168castleamber@130.133.1.4…
    >> >Now, while I’m trying to get my nose out of his arse, anyone else care to
    >> >add a comment?

    >> Leicester Square

    >But we’re not playing with Hubert’s Tangents in effect!

    Nuff respect!

    Matt


    Odi profanum vulgus

  10. admin says:

    "Mak" <spamboun…@Makrobicz.com> wrote in
    news:4aovj4Fto7sfU1@individual.net:

    > Thanks for helping make this a more worthwhile NG, JB.

    > Now, while I’m trying to get my nose out of his arse, anyone else care
    > to add a comment?

    Yeah, your a really phunny guy.

    Judy

    Trippy Triangle: http://www.technohippie.com
    Bring Them Back: http://www.bringthembackfromiraq.com/btb/
    The Usenet Improvement Project: http://blinkynet.net/comp/uip5.html
    *** Posted via a free Usenet account from http://www.teranews.com ***

  11. admin says:

    "Mak" <spamboun…@Makrobicz.com> wrote:
    > I think I want to join or start the John Bokma fan club.

    Ha ha ha, you might be the first and only member :-D

    > I have seen nothing but quality input, good humour and sound advice in
    > AWW. from mr. Bokma.

    Your selective reading skills are superb (or so some would say).

    > Thanks for helping make this a more worthwhile NG, JB.

    Thanks.

    You might have a peek at:
    http://zeldman.com/c/c06.css

    Note that some of the comments are bad IMO.


    John

    Google Suggest Perl script http://johnbokma.com/perl/google-suggest.html

Leave a Reply

You must be logged in to post a comment.