Announcement

Collapse
No announcement yet.

CSS style sheets

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS style sheets

    ok...I'm relatively new at this, so do not laugh at my ignorance!

    Does anyone know anything about Cascading Style Sheets? I have started to use these as a time saver and so I can have consistent formatting across all my pages. I'm currently working on 3 sites: A photo restoration site, my art gallery and a poetry e-zine, so any way I can save time on creating and updating the sites will be a good thing!

    My main question has to do with defining a: tags for rollovers (a:hover, a:visited, etc...). I defined the a: tag and hover....everything goes smooth, but is there any way to use the a:visited tag and still retain the rollover?

    In other words, I create a link and it lights up when the mouse hovers over it...but after clicking on the link and returning the hover effect no longer works. The link has changed to the "visited" color, but is there any way to still have the hover effect?

    I know it's a silly question but if anyone has any advice or a link to some good info, it would be greatly appreciated!

  • #2
    hmm..just figured out a way to do it! Still, if anyone has any good advice for utilizing things like style sheets, I would love to pick your brain...I feel a little lost.

    Comment


    • #3
      Don't know much about CSS, but I'd love to visit your poetry e-zine when you have it up...

      Comment


      • #4
        I use CSS all the time, however not necessarily those commands. I can't think of it right off the top of my head, but try posting to a newsgroup - do a search in google groups for the best one - maybe there is one just for css. You usually get tons of info pretty quickly that way.

        Comment


        • #5
          chiquitita- I'm finding style sheets to be a huge time saver, especially for sites I constantly update and add to. My problem right now is trying to figure out how CSS interacts with existing html formatting, etc... I'll check out a few newsgroups and see if that helps me out.

          Jak- It's actually my brother's site...and of course, I got drafted into doing all the layout and graphics! Needless to say, the job does not pay well The next issue is due out July 1st and of course we decide to redo the entire layout! I decided to try and make use of some time saving elements this time, like CSS...getting in over my head. But, what I learn now, I can apply to my photo restoration site which is also in progress. I am pulling some all nighters because his poetry site is really starting to take off....last issue he published a poem by a 1990 Pulitzer nominee (Charles Fishman), so i figured it would be best to make the site look REALLY nice!

          Comment


          • #6
            Off the top of my head A-List Apart has the best implementation of CSS I have ever witnessed (bold statement I know), they often have fascinating articles on all manner of web related topics. In my humble opinion, one of the most intelligent and inciteful sites for designers by designers


            http://www.alistapart.com/stories/goingtoprint/

            http://www.alistapart.com/stories/sizematters/

            http://www.alistapart.com/stories/fear/index.html

            If I find any more sites of interest I will post them up

            Comment


            • #7
              Thanks Mike! Just the kind of links I was looking for.

              Comment


              • #8
                Cascading Style Sheets (CSS) are a great time saving device. A good book to purchase is Cascading Style Sheets, Designing For The Web by Hakon Wium Lie and Bert Bos. This book contains complete coverage of CSS1 and CSS2, background information and practical examples, as well as information on which browsers support which CSS features. The book is easy to follow even for a beginner.

                There are also some great websites out there with tons of information on CSS.

                Try these two:

                Webmonkey

                W3 CCC

                Good Luck!

                -T

                Comment


                • #9
                  Re: CSS style sheets

                  Originally posted by G. Couch
                  My main question has to do with defining a: tags for rollovers (a:hover, a:visited, etc...). I defined the a: tag and hover....everything goes smooth, but is there any way to use the a:visited tag and still retain the rollover?

                  Use a visited:hover tag with the style you want.

                  The below is an example of a style sheet I used for one of my web sites. I wanted certain elements to behave in certain ways. “tL” is one style I created. Every time I want an element to behave in that way, I would tag it with the “tL” style which would trigger the CSS.

                  <style>
                  <!--
                  /* Department header style sheet */

                  body { background-color: white; font-face: arial, verdana, sans-serif }
                  a { color: #000000; text-decoration: none }
                  a:hover { background-color: #FFFF10; color: #000000; text-decoration: none }
                  .tL { color: #FFFFFF; text-decoration: none }
                  .tL:hover { background-color: #000000; color: #FF3300 }
                  .tL:active { color: #FFFFFF }
                  .tL:visited { color: #FFFFFF }
                  .tL:visited:hover { color: #FF3300 }
                  -->
                  </style>

                  Hope this helps!

                  -T

                  Comment


                  • #10
                    T - Thanks!!! visited:hover is exactly what I was looking for...I figured such a tag had to exist! thanks for all the good links as well...I'm trying to soak up as much info as I can right now. The custom tag you posted is actually starting to make sense to me!

                    Comment


                    • #11
                      G. Couch,

                      I was afraid the posted CSS might be a bit confusing, but I was hoping it would start sinking in as you visited sites! Glad to hear that it worked.

                      -T

                      Comment


                      • #12
                        Dont know if this will help you or not, but I came across it today whilst on one of my wanders through cyber space

                        http://www.bradsoft.com/topstyle/index.asp

                        Comment

                        Related Topics

                        Collapse

                        • 3DArtist
                          Style of Oskar Bakke
                          by 3DArtist
                          Hey guys,

                          I'm sorry that my first post already is a question,
                          but I've been reading here for a while and didnt feel like posting anything.

                          Anyways,
                          I'm looking for some tipps & tricks to achieve a style similar to Oskar Bakke's.
                          Dont get me wrong,...
                          03-18-2014, 02:27 PM
                        • Vikki
                          Losing Layer Style
                          by Vikki
                          I'm totally baffled about this.
                          For some reason, I'm losing part of my layer "style" when I flatten layers in Photoshop. It doesn't happen all the time, and I can't figure it out.
                          I've searched Google, and a few others are having this problem, but there aren't any clear answers...
                          09-24-2003, 10:29 AM
                        • aperture1
                          Need assistance in creating a particular style
                          by aperture1
                          I am trying to determine what process(es) is/are involved in making the photos shown in the below link (it's flash based). The photographs are amazing looking, but I know, from experience, that there is a repeatable sequence of steps to carry out to make an ordinary photo just like these...
                          ...
                          08-25-2008, 10:21 PM
                        • Lasse
                          Your style or no style?
                          by Lasse
                          Hi
                          I would like to hear your input on this "should a retoucher have a style?". I mean is the retoucher one that mimics the work of the photographer and does what he dosnt have the time or skills to, or does he add his own style to the pictures?
                          Ofcause the retoucher needs to...
                          04-08-2006, 10:34 PM
                        • Nasturtium
                          should you Squidoo!?
                          by Nasturtium
                          It's hard to balance between promoting your work and producing it.



                          There are an endless myriad of ways to promote yourself online from simple blogs (Twitter, anyone?) to full blown websites.

                          I'm having a blast investigating the possibilities - Wix, Weebly,...
                          04-09-2011, 07:07 AM
                        Working...
                        X