Some CSS "must knows" from me, and please share yours

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • StuartD
    Sofa King Band
    • Jul 2002
    • 29903

    #31
    Originally posted by pornopete
    The flaw with CSS is it's based on a programming concept, not a design concept. Designers aren't programmers.
    As opposed to HTML that uses rows and columns?
    This is me on facebook
    This is me on twitter

    Comment

    • wild_s
      Registered User
      • Sep 2006
      • 36

      #32
      Yes, thanks for the great info! I've been a table jockey for far too long. The hardest thing about training is finding the time, these quick tutorials are great!

      Comment

      • yahoo-xxx-girls.com
        Confirmed User
        • Jul 2006
        • 3143

        #33
        CSS is great !

        Hi StuartD,

        My site uses XML/XSLT & CSS.

        In the start I did not like CSS because I did not understand it, however after using it I find it is great...

        To visit my site click here.
        sig too big

        Comment

        • ServerGenius
          Confirmed User
          • Feb 2002
          • 9377

          #34
          keep posting questions or CSS tips, this is a great thread and even for the
          ones that are familiar with CSS you can learn new tricks or tips posted by
          others.....especially since with CSS there's many different ways to accomplish
          the same result.
          | http://www.sinnerscash.com/ | ICQ: 370820 | Skype: SinnersCash | AdultWhosWho |

          Comment

          • StuartD
            Sofa King Band
            • Jul 2002
            • 29903

            #35
            Originally posted by ServerGenius
            keep posting questions or CSS tips, this is a great thread and even for the
            ones that are familiar with CSS you can learn new tricks or tips posted by
            others.....especially since with CSS there's many different ways to accomplish
            the same result.
            This thread isn't entertaining enough for people to care about.

            But it's ok, if it helped even one person, that's good enough for me.
            This is me on facebook
            This is me on twitter

            Comment

            • ServerGenius
              Confirmed User
              • Feb 2002
              • 9377

              #36
              Originally posted by StuartD
              This thread isn't entertaining enough for people to care about.

              But it's ok, if it helped even one person, that's good enough for me.
              mission accomplished then
              | http://www.sinnerscash.com/ | ICQ: 370820 | Skype: SinnersCash | AdultWhosWho |

              Comment

              • mrthumbs
                salad tossing sig guy
                • Apr 2002
                • 11702

                #37
                we need more threads like this!

                Comment

                • porntertainment
                  Confirmed User
                  • Dec 2006
                  • 151

                  #38
                  I only started using CSS in the past six months or so. I'm not much a code junky and for the most part I'm just using it to tweak blogs or make simple galleries, but let me tell you it's fucking amazing how even simple things like float:left and float:right make life so much easier for me.

                  Before CSS, I was using tables in gallery design.

                  My galleries look much nicer, much cleaner, and actually convert a little better with the same sponsors (although their real test is coming in the next few days when my new Hun galleries start getting listed).

                  Comment

                  • Young
                    Bland for life
                    • Nov 2004
                    • 10468

                    #39
                    wouldn't

                    margin: 0px auto;

                    accomplish auto centering?

                    EDIT: Forget it...I noticed you said absolute.
                    ★★★

                    Comment

                    • StuartD
                      Sofa King Band
                      • Jul 2002
                      • 29903

                      #40
                      Originally posted by mrthumbs
                      we need more threads like this!
                      Thank you kindly.
                      I have some more tricks that I can demonstrate, if anyone would like for me to share.
                      This is me on facebook
                      This is me on twitter

                      Comment

                      • Tempest
                        Too lazy to set a custom title
                        • May 2004
                        • 10217

                        #41
                        Why use XHTML strict?? I was going to try and do that but found it too limiting for me and so I've been using XHTML Transitional and am VERY happy with the results I'm getting. I've been validating all my pages as I do them until I'm very proficient at it.. (pretty much there now but it still helps as it catches errors).

                        The one thing I don't understand with CSS is the difference between using "#" or ".". My understanding is that # is used only for items that will be used once on the page and you set the id= parameter.. the other is for a "class" which can be used multiple times... So why not just make everything a class and then you don't have to worry about it? I've noticed some sites get it wrong where they define something using # and then use it in multiple locations.

                        Comment

                        • StuartD
                          Sofa King Band
                          • Jul 2002
                          • 29903

                          #42
                          Originally posted by Tempest
                          Why use XHTML strict?? I was going to try and do that but found it too limiting for me and so I've been using XHTML Transitional and am VERY happy with the results I'm getting. I've been validating all my pages as I do them until I'm very proficient at it.. (pretty much there now but it still helps as it catches errors).

                          The one thing I don't understand with CSS is the difference between using "#" or ".". My understanding is that # is used only for items that will be used once on the page and you set the id= parameter.. the other is for a "class" which can be used multiple times... So why not just make everything a class and then you don't have to worry about it? I've noticed some sites get it wrong where they define something using # and then use it in multiple locations.
                          Firstly.... strict is what i recomment for xhtml and for html as it is the closest to "standards compliant" that it will get. It means that even IE (yes, the devil browser) will try it's damnedest to be compliant and display your CSS the way that it's meant to be displayed.
                          If you don't do a ton of less compatible stuff, then transitional would be quite fine as it sort of interprets things as best it can without being... well, strict.

                          Secondly, ID's and classes are meant to be used as if it were chapters and volumes in a novel. An ID for an area, such as "rightcolumn" that would only ever be set once, and then classes within it that might be used over and over within that "volume".

                          But yes, I agree... it really would make sense to just use classes all the time really. It would work just as well.
                          Someone somewhere along the way decided on "structure" and chose ID's and classes.
                          This is me on facebook
                          This is me on twitter

                          Comment

                          • Deej
                            I make pixels work
                            • Jun 2005
                            • 24386

                            #43
                            couple tidbits I didnt know.

                            THanks Stu

                            Deej's Designs n' What Not
                            Hit me up for Design, CSS & Photo Retouching


                            Icq#30096880

                            Comment

                            • JamesK2
                              Confirmed User
                              • Aug 2004
                              • 6589

                              #44
                              thanks for the info I'm learning CSS atm and this thread is very useful

                              Comment

                              • testpie
                                Mostly retired
                                • Apr 2006
                                • 3231

                                #45
                                Here's a quick tip:

                                Instead of wrangling with every element and having to put margin:0;padding:0; use this at the top of your CSS:
                                Code:
                                * {
                                 margin:0;
                                 padding:0;
                                }
                                This works by using the wildcard match to make every element on the page have no padding and no margin without having to constantly redefine these.

                                Enjoy.

                                Affiliates: DogFart ~ Domain parking: NameDrive ~ Traffic broker: Traffic Holder

                                Comment

                                Working...