need help with cascading stylesheets...

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • eMonk
    Confirmed User
    • Aug 2003
    • 2310

    #1

    need help with cascading stylesheets...

    i'm trying to get my thumbs to turn "grey" when they have been visited. i'm calling my .css file with the code "<link rel=stylesheet href=stylesheet.css type=text/css>" in my html header. i have tried inserting ".visited { FILTER: Gray }" in my .css file but it doesn't seem to work. what am i doing wrong?
  • eMonk
    Confirmed User
    • Aug 2003
    • 2310

    #2

    Comment

    • Nickless
      Confirmed User
      • Aug 2003
      • 1955

      #3
      er, if you have seen it done at any other site you can STEAL the code, view/source code try it ;)

      Comment

      • AlienQ - BANNED FOR LIFE
        best designer on GFY
        • Mar 2003
        • 30307

        #4
        Perhaps thecpathcto thecstyle sheet is incorrect?

        Comment

        • Nickless
          Confirmed User
          • Aug 2003
          • 1955

          #5
          ripped from madthumbs.com:

          A:visited img {FILTER: "Gray"; border-thickness: 1px; border-color: #000000}

          Comment

          • eMonk
            Confirmed User
            • Aug 2003
            • 2310

            #6
            the codes in .css files are used a little bit differently and not viewable to surfers.

            Comment

            • eMonk
              Confirmed User
              • Aug 2003
              • 2310

              #7
              ok i will try that nickless...

              Comment

              • Nickless
                Confirmed User
                • Aug 2003
                • 1955

                #8
                Originally posted by eMonk
                the codes in .css files are used a little bit differently and not viewable to surfers.
                no.




                8chars

                Comment

                • Fletch XXX
                  GFY HALL OF FAME DAMMIT!!!
                  • Jan 2002
                  • 60840

                  #9
                  agnostic beliefs. desecrate the holy.

                  Want an Android App for your tube, membership, or free site?

                  Need banners or promo material? Hit us up (ICQ Fletch: 148841377) or email me fletchxxx at gmail.com - recent work - About me

                  Comment

                  • eMonk
                    Confirmed User
                    • Aug 2003
                    • 2310

                    #10
                    wait a sec... i already tried that code nickless... read my first post...

                    Comment

                    • Nickless
                      Confirmed User
                      • Aug 2003
                      • 1955

                      #11
                      Originally posted by eMonk
                      wait a sec... i already tried that code nickless... read my first post...
                      try it dude you didn't use visited *-*-*-"IMG"-*-*-*

                      Comment

                      • Tala
                        Fucked if I know
                        • Dec 2002
                        • 23368

                        #12
                        a visited: {color:CCCCCC};

                        If your image is a link, then you don't need to tell the css that it is. In some browsers, that will "confuse" it.

                        Only problem is that the above will turn ALL of your visited links grey.

                        ICQ: 11120676 | Google: mindcrime | Skype: suitemindcrime|E-Mail: mindcrime AT gmail.com|PR girl with great writing skills for hire!!!! Contact me to work for YOU!|TECHIEMEDIA? 24/7 support from some of the best techs in the biz. Tell Jim that I sent you.

                        Comment

                        • Tala
                          Fucked if I know
                          • Dec 2002
                          • 23368

                          #13
                          Originally posted by Fletch XXX
                          agnostic beliefs. desecrate the holy.

                          ICQ: 11120676 | Google: mindcrime | Skype: suitemindcrime|E-Mail: mindcrime AT gmail.com|PR girl with great writing skills for hire!!!! Contact me to work for YOU!|TECHIEMEDIA? 24/7 support from some of the best techs in the biz. Tell Jim that I sent you.

                          Comment

                          • eMonk
                            Confirmed User
                            • Aug 2003
                            • 2310

                            #14
                            yeah you right... but... still didn't work...

                            Comment

                            • Tala
                              Fucked if I know
                              • Dec 2002
                              • 23368

                              #15
                              Originally posted by eMonk
                              yeah you right... but... still didn't work...
                              It may be your syntax is buggared. Is there a way we can look at the stylesheet you have made and maybe catch something you're not?

                              ICQ: 11120676 | Google: mindcrime | Skype: suitemindcrime|E-Mail: mindcrime AT gmail.com|PR girl with great writing skills for hire!!!! Contact me to work for YOU!|TECHIEMEDIA? 24/7 support from some of the best techs in the biz. Tell Jim that I sent you.

                              Comment

                              • Nickless
                                Confirmed User
                                • Aug 2003
                                • 1955

                                #16
                                Originally posted by eMonk
                                yeah you right... but... still didn't work...
                                img filters will work on iexplorer only, are you testing with firefox? won't work there.

                                Comment

                                • eMonk
                                  Confirmed User
                                  • Aug 2003
                                  • 2310

                                  #17
                                  Originally posted by Tala
                                  a visited: {color:CCCCCC};

                                  If your image is a link, then you don't need to tell the css that it is. In some browsers, that will "confuse" it.

                                  Only problem is that the above will turn ALL of your visited links grey.
                                  that didn't work...

                                  Comment

                                  • eMonk
                                    Confirmed User
                                    • Aug 2003
                                    • 2310

                                    #18
                                    Originally posted by Nickless
                                    img filters will work on iexplorer only, are you testing with firefox? won't work there.
                                    i'm using ie...

                                    Comment

                                    • eMonk
                                      Confirmed User
                                      • Aug 2003
                                      • 2310

                                      #19
                                      here's my .css file...

                                      a:link {
                                      text-decoration: none;
                                      color: #4E3C1D;
                                      }

                                      a:visited {
                                      text-decoration: none;
                                      color: #4E3C1D;
                                      }

                                      a:hover {
                                      text-decoration: none;
                                      color: #FFFFFF;
                                      }

                                      a:hover img
                                      {
                                      border: 1px solid #FFFFFF;
                                      }

                                      a:active {
                                      text-decoration: none;
                                      color: #FFFFFF;
                                      }

                                      Comment

                                      • Tala
                                        Fucked if I know
                                        • Dec 2002
                                        • 23368

                                        #20
                                        Wierd. I have an issue like yours with one of My sites. Seems I can see the links correctly in Opera, but no one else seems able to see the right damn color. *sigh*

                                        ICQ: 11120676 | Google: mindcrime | Skype: suitemindcrime|E-Mail: mindcrime AT gmail.com|PR girl with great writing skills for hire!!!! Contact me to work for YOU!|TECHIEMEDIA? 24/7 support from some of the best techs in the biz. Tell Jim that I sent you.

                                        Comment

                                        • Nickless
                                          Confirmed User
                                          • Aug 2003
                                          • 1955

                                          #21
                                          Originally posted by eMonk
                                          i'm using ie...
                                          try ctrl+F5

                                          Comment

                                          • Tala
                                            Fucked if I know
                                            • Dec 2002
                                            • 23368

                                            #22
                                            Originally posted by eMonk
                                            here's my .css file...

                                            a:link {
                                            text-decoration: none;
                                            color: #4E3C1D;
                                            }

                                            a:visited {
                                            text-decoration: none;
                                            color: #4E3C1D;
                                            }

                                            a:hover {
                                            text-decoration: none;
                                            color: #FFFFFF;
                                            }

                                            a:hover img
                                            {
                                            border: 1px solid #FFFFFF;
                                            }


                                            a:active {
                                            text-decoration: none;
                                            color: #FFFFFF;
                                            }
                                            Are you trying to get it to hover gray or are you trying to get the visited one to go gray?

                                            ICQ: 11120676 | Google: mindcrime | Skype: suitemindcrime|E-Mail: mindcrime AT gmail.com|PR girl with great writing skills for hire!!!! Contact me to work for YOU!|TECHIEMEDIA? 24/7 support from some of the best techs in the biz. Tell Jim that I sent you.

                                            Comment

                                            • Nickless
                                              Confirmed User
                                              • Aug 2003
                                              • 1955

                                              #23
                                              change:

                                              Originally posted by eMonk
                                              here's my .css file...

                                              a:visited {
                                              text-decoration: none;
                                              color: #4E3C1D;
                                              }
                                              to

                                              a:visited img {FILTER: "Gray"; border-thickness: 1px; border-color: #000000}

                                              Comment

                                              • eMonk
                                                Confirmed User
                                                • Aug 2003
                                                • 2310

                                                #24
                                                Originally posted by Tala
                                                Are you trying to get it to hover gray or are you trying to get the visited one to go gray?
                                                i'm trying to get the visited image to go gray...

                                                Comment

                                                • eMonk
                                                  Confirmed User
                                                  • Aug 2003
                                                  • 2310

                                                  #25
                                                  Originally posted by Nickless
                                                  a:visited img {FILTER: "Gray"; border-thickness: 1px; border-color: #000000}
                                                  worked.. thanks..

                                                  Comment

                                                  • Doc911
                                                    Confirmed User
                                                    • Feb 2004
                                                    • 3695

                                                    #26
                                                    Your code and Nickless code are not the same. try his it works. myou might also try putting the code directly in the file and not draw it from a seperate css file.


                                                    For PHP/MySQL scripts ICQ 161480555 or email [email protected]

                                                    Comment

                                                    • Nickless
                                                      Confirmed User
                                                      • Aug 2003
                                                      • 1955

                                                      #27
                                                      Originally posted by eMonk
                                                      worked.. thanks..
                                                      no problem

                                                      Comment

                                                      • eMonk
                                                        Confirmed User
                                                        • Aug 2003
                                                        • 2310

                                                        #28
                                                        nickless's code worked but usually when i see this done on other sites the images turn gray even if you right click on them. mine only turn gray if you actually left click on the image which isn't bad...

                                                        Comment

                                                        • eMonk
                                                          Confirmed User
                                                          • Aug 2003
                                                          • 2310

                                                          #29
                                                          when i refresh the page all the images that i visited go back to normal color which is normal. but i also have images to these dvd movies at the bottom of my page that stay gray even when the page is refreshed... why? kinda don't want these dvd covers to stay gray..

                                                          Comment

                                                          • eMonk
                                                            Confirmed User
                                                            • Aug 2003
                                                            • 2310

                                                            #30
                                                            actually forget all of this.. i'm also having some bugs showing up in my toplist because of the code. i'm going to use my orginal css code. thanks anyways for the help guys!

                                                            Comment

                                                            • Nickless
                                                              Confirmed User
                                                              • Aug 2003
                                                              • 1955

                                                              #31
                                                              Originally posted by eMonk
                                                              when i refresh the page all the images that i visited go back to normal color which is normal. but i also have images to these dvd movies at the bottom of my page that stay gray even when the page is refreshed... why? kinda don't want these dvd covers to stay gray..
                                                              No way around this unless you use some dirty tricks as putting your banners into an iframe (which i'm not sure will do the trick) or even more fucked up using .swf (flash) for banners or a javascript if/then thing for each thumb or banner,overkill and not worth it for a minimal cosmetic issue.

                                                              Comment

                                                              • eMonk
                                                                Confirmed User
                                                                • Aug 2003
                                                                • 2310

                                                                #32
                                                                yeah was thinking the samething bro. not worth the hassle. screw making the images go gray... lol...

                                                                Comment

                                                                • venturi
                                                                  Confirmed User
                                                                  • Aug 2001
                                                                  • 386

                                                                  #33
                                                                  <style>
                                                                  a:hover img {FILTER:Grey}
                                                                  a:active img {FILTER:Grey}
                                                                  </style>
                                                                  I'm not a porn monger. I'm a porn ... STYLIST!
                                                                  Buildit Cheap, build it Fast, Build it Right. - Pick Two.

                                                                  Comment

                                                                  Working...