Dreffel Posted June 16, 2009 Share Posted June 16, 2009 I just got to a text-shadow property, but its not working... this tag should make the text a three-dimensional appearance...But I cant see anything happening. Nothing changes. Any1 knows why?Eg: H1 {text-shadow; 10px 10px 2px yellow} Link to comment Share on other sites More sharing options...
chibineku Posted June 16, 2009 Share Posted June 16, 2009 You've put a semi-colon where you need a colon, you don't have a semi-colon where there should be one at the end, and as far as I'm aware this property won't be available until CSS3. Link to comment Share on other sites More sharing options...
Dreffel Posted June 16, 2009 Author Share Posted June 16, 2009 It should be a semi colon (by book) lol... i dont know, but this is weird..., Probibly not that important to know anyway... Link to comment Share on other sites More sharing options...
Synook Posted June 16, 2009 Share Posted June 16, 2009 The semicolon goes at the end of the statement. A colon goes between the attribute and the value. body {font-size:10px;color:#FFF;background-color:#000;text-shadow:10px 10px 2px yellow;} But text-shadow is poorly supported at the moment (i.e. only webkit). Link to comment Share on other sites More sharing options...
Dreffel Posted June 16, 2009 Author Share Posted June 16, 2009 AAahh! Ya, it makes sense this way... Ill try it this way... (Stupid Book!) hahaha...I wont use it anyway ATM... Link to comment Share on other sites More sharing options...
Dreffel Posted June 17, 2009 Author Share Posted June 17, 2009 Had some problems with a bunch of these tags in a row. Nothing seemed to be working correctly... Something had to be wrong... Until now, I luckily discovered that it was my stupid mistake!I left out the last "-->" part, and some stuff didn't work. Didn't think of that cause the 'a:links' worked perfectly.But adding the "-->" makes the rest work This kind of mistakes turnes on me every time... <style type="text/css"> <!-- a:link {color: blue} a:active {color: red} a:visited {color:green} a:hover {color: black} h6 {text-transform: uppercase} p{padding-left: 20%} li {list-style-image: url(bullet.gif); list-style-type: square} --> </style> But you can't learn and be good at it if u don't struggle with it yourself hey? Link to comment Share on other sites More sharing options...
justsomeguy Posted June 17, 2009 Share Posted June 17, 2009 You can actually just leave those comment tags out altogether, they don't need to be there. Link to comment Share on other sites More sharing options...
Dreffel Posted June 18, 2009 Author Share Posted June 18, 2009 You can actually just leave those comment tags out altogether, they don't need to be there.That might explain why only some of the tags worked and others didn't... Only having 1 comment tag... Link to comment Share on other sites More sharing options...
Synook Posted June 19, 2009 Share Posted June 19, 2009 The comment tags are ignored by CSS (or at least dismissed as syntactically incorrect) - they used to be recommended so that really really really old browsers (e.g. IE 2) won't print out the values. However, since no-one uses IE2 any more it is safe to exclude them. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.