Grow your CSS skills. Land your dream job.

Text shadow

  • # February 7, 2013 at 12:10 pm

    I’ve looked on the internet and found that theres the simple css function of text shadow

    .maintext{
    text-shadow: 1px 1px 1px #ffff
    }

    Its not working however! any ideas. Thankyou

    # February 7, 2013 at 12:12 pm

    Yes there is but it’s not supported by some browsers.

    What browser are you using?

    Do you have a link / Codepen?

    # February 7, 2013 at 12:14 pm

    chrome i’ll put it on a pen now

    # February 7, 2013 at 12:24 pm

    @Stressednewbie, you were missing a 0 in that text-shadow in the pen..you need 6 0′s (or 3), you have 5

    # February 7, 2013 at 12:26 pm

    You still haven’t fixed half the problems from the last time you posted into codepen.

    You have list items (li) that have closing tags but no opening tags.

    Your list items have to be in unordered lists (ul) which they aren’t.

    It’s a mess and not something I really want to deal with. If you don’t fix these fundamental errors you are going to run into major issues later on.

    I would concentrate on proper semantic and validated code before worrying about enhanced “effects”.

    As for your specific problem, a 1px black shadow on a black font isn’t going to make that much difference (and will look weird). Try changing the text shadow color to red.

    Then you will see it.

    # February 7, 2013 at 12:45 pm

    I’ve taken the closing li tags out now. Does the nav menu have to be a list type? I don’t mean to frustrate you i’d meant to of taken them out before. If they do need to be a list i’ll take another look and see how to do that properly

    # February 7, 2013 at 1:55 pm

    Whether the links need to be in a list is a subject that is open to debate but overall I think the majority here would say that they should.

    http://css-tricks.com/wrapup-of-navigation-in-lists

    Anyway, your original question has now been answered.

    You might like to check these sites out for looking over your HTML/CSS for errors / suggestions.

    http://csslint.net/

    http://validator.w3.org/

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".