CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
I’ve looked on the internet and found that theres the simple css function of text shadow
text-shadow: 1px 1px 1px #ffff
Its not working however! any ideas. Thankyou
Yes there is but it’s not supported by some browsers.
What browser are you using?
Do you have a link / Codepen?
chrome i’ll put it on a pen now
This reply has been reported for inappropriate content.
@Stressednewbie, you were missing a 0 in that text-shadow in the pen..you need 6 0’s (or 3), you have 5
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.
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
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.
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.
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed