Announcement

Collapse
No announcement yet.

XHTML 1.0 Transitional Issue...

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

  • XHTML 1.0 Transitional Issue...

    Guys, I'm having the weirdest issue possible.
    Please go to my site:
    http://www.teckwizards.com/
    and hover over any links. You will see that some links will actually "hover", some will NOT???? (best example is in Latest Threads column)
    I can't believe it, is the same class I use for links, so they should act the same...
    Kier, or any experts in XHTML, please enlighten me... I have no idea what I do wrong...
    Could be the symbol parsing doing this?
    & or =... etc.
    Floren Munteanu
    Axivo Inc.
    Axivo Searchlight - Turbocharge your web site

  • #2
    I made visible also the style1.css contents, instead of using the file so is easier for you guys to look and sort the bug.
    Thanks for helping... I have a headache after recoding all in XHTML.
    Floren Munteanu
    Axivo Inc.
    Axivo Searchlight - Turbocharge your web site

    Comment


    • #3
      Hmmmm, is not the symbol parsing for sure:
      http://www.teckwizards.com/forumdisplay/f-2.html

      However the document is 100% XHTML compliant, check the referrer at the bottom.
      First few threads are not hoverable but the rest of them are ok... really weird.
      I'm buying beer if you can solve it (no women involved, I'm married ).
      Floren Munteanu
      Axivo Inc.
      Axivo Searchlight - Turbocharge your web site

      Comment


      • #4
        Everything works fine for me...

        Comment


        • #5
          You hovered over several links onto this page:
          http://www.teckwizards.com/forumdisplay/f-2.html
          and it's working???
          The first 3 links don't have the color turned in RED when you hover, but the other few below do it...

          What browser do you use?
          Floren Munteanu
          Axivo Inc.
          Axivo Searchlight - Turbocharge your web site

          Comment


          • #6
            only happens with visited links check the CSS.
            Scott MacVicar

            My Blog | Twitter

            Comment


            • #7
              Thanks Scott, we located the problem.
              However, I use a default A: link type.
              Code:
              <style type="text/css">
              <!--
              body {
                background-color: #666696;
                color: #000000;
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
              }
              body a:active {
                color: {linkcolor};
              }
              body a:hover {
                color: {hovercolor};
              }
              body a:link {
                color: {linkcolor};
              }
              body a:visited {
                color: {linkcolor};
              }
              ........
              Look at the source code, is easier, maybe you could give me a hint.
              Floren Munteanu
              Axivo Inc.
              Axivo Searchlight - Turbocharge your web site

              Comment


              • #8
                Since body a:hover is different then visited, so once visited, it will be the same as the normal link

                body a:link {
                color: {linkcolor};
                }

                is the same as

                body a:visited {
                color: {linkcolor};
                }


                it will overwrite the hover. because it has been visited. this is just how css works.

                You can bypass it probably by making it work like this, set a new class for it and then use the a:hover to set the hover color, the a:visited won't be used then.

                PHP Code:
                <html><head><title>w00t</title>
                <
                style type="text/css">
                .
                linX {
                 
                color#000066;
                }
                a:hover {
                 
                color#FF0000;
                }
                </
                style>
                </
                head><body>
                <
                a href="aap.html" class="linX">aap</a>
                <
                a href="noot.html" class="linX">noot</a>
                <
                a href="mies.html" class="linX">mies</a>
                </
                body></html
                Last edited by Floris; Sat 1st Feb '03, 8:21am.

                Comment


                • #9
                  Floris, that's not true. Once you hover, it will always display the color you set it for hovering, visited or not.
                  BTW, I fix it... thanks guys.
                  Last edited by TECK; Sat 1st Feb '03, 8:44am.
                  Floren Munteanu
                  Axivo Inc.
                  Axivo Searchlight - Turbocharge your web site

                  Comment


                  • #10
                    I thought you wanted the hover color to stay red, and not become the visited one, guess i misunderstood.

                    By the way,
                    on your site, if you visited a link, the hover color does not display the hover color anymore.

                    If you fixed it, please explain what you did So we all gain knowledge

                    Comment


                    • #11
                      Floris, it was the order of BODY A:link etc... Can you believe it that it's important?
                      I had no idea... I test it and it's working fine now. Just refresh the page to see.

                      LOL, I just saw your signature.
                      Someone called you Floren?
                      Floren Munteanu
                      Axivo Inc.
                      Axivo Searchlight - Turbocharge your web site

                      Comment

                      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                      Working...
                      X