The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    CSS Text-Shadow not working

    Ultron's Vision
    Ultron's Vision
    Forumember


    Male Posts : 631
    Reputation : 45
    Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
    Location : Vienna, Austria

    Solved CSS Text-Shadow not working

    Post by Ultron's Vision September 21st 2012, 7:24 pm

    Hello,

    I've been having troubles adding following CSS to my CSS Stylesheet and having it correctly working.

    Code:
    a[href="/u122"] {
      text-shadow: 0px 0px 5px #00FFFF;
    }

    I've been reading various topics on this subject and have tried multiple variants of codes, including

    Code:
    a[href="/u122"] {
      color: cyan;
        text-decoration: none !important
        text-shadow: 0 0 0.2em black, 0 0 0.2em black, 0 0 0.2em black; font-weight:bold;
    }

    I want to thank every user helping me to solve this in advance.

    ~ Soul Evisceration


    Last edited by Soul Evisceration on September 24th 2012, 3:23 pm; edited 1 time in total
    iyaaz
    iyaaz
    Forumember


    Male Posts : 350
    Reputation : 8
    Language : English
    Location : London

    Solved Re: CSS Text-Shadow not working

    Post by iyaaz September 21st 2012, 7:35 pm

    Code:
    <span style="color:#ff0000; text-shadow: 0 0 7pt;">YOUR CONTENT HERE</span>

    working and tested!!
    Ultron's Vision
    Ultron's Vision
    Forumember


    Male Posts : 631
    Reputation : 45
    Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
    Location : Vienna, Austria

    Solved Re: CSS Text-Shadow not working

    Post by Ultron's Vision September 21st 2012, 7:40 pm

    I should've made myself clearer: I want a username to appear shadowed.
    nextlevelgaming
    nextlevelgaming
    Forumember


    Male Posts : 989
    Reputation : 38
    Language : English|CSS|HTML5|javascript|
    Location : New York

    Solved Re: CSS Text-Shadow not working

    Post by nextlevelgaming September 21st 2012, 10:47 pm

    some browsers don't accept shadow, most do (newer) ones.

    Code:
    text-shadow:2px 2px 2px #000;
    -moz-text-shadow:2px 2px 2px #000;
    -webkit-text-shadow:2px 2px 2px #000;
    /*Filter is used for ie 5.5 through 9*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);

    should work I believe have not tested, i know everything actually works, but for you not sure. You are using Mac Safari so I'm not sure if that will help
    Ultron's Vision
    Ultron's Vision
    Forumember


    Male Posts : 631
    Reputation : 45
    Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
    Location : Vienna, Austria

    Solved Re: CSS Text-Shadow not working

    Post by Ultron's Vision September 22nd 2012, 10:31 am

    I'm using Safari on my mobile phone only. Besides from that, I use Firefox and Chrome on my PC.

    I'm however quite comfortable with typing code in on my mobile phone, so I put in Safari.

    I'll try your code and will edit this post in a few minutes.
    Ultron's Vision
    Ultron's Vision
    Forumember


    Male Posts : 631
    Reputation : 45
    Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
    Location : Vienna, Austria

    Solved Re: CSS Text-Shadow not working

    Post by Ultron's Vision September 24th 2012, 2:48 pm

    Update: Fixed it.

    Solved.
    nextlevelgaming
    nextlevelgaming
    Forumember


    Male Posts : 989
    Reputation : 38
    Language : English|CSS|HTML5|javascript|
    Location : New York

    Solved Re: CSS Text-Shadow not working

    Post by nextlevelgaming September 24th 2012, 7:43 pm

    What was wrong?Just an explanation could help others in case the same problem

      Current date/time is September 23rd 2024, 12:26 pm