Text shadow

[Stressednewbie]

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

[Paulie_D]

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

What browser are you using?

Do you have a link / Codepen?

[Stressednewbie]

chrome i’ll put it on a pen now

[Stressednewbie]

http://codepen.io/Stressednewbie/pen/ptqvI

[Paulie_D]

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.

[Stressednewbie]

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

[Paulie_D]

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.

https://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/

[Author]

Posts