-- Posted by SilverDragon1Wings at 11:19 am on Sep. 11, 2008 I read the 'CSS and HTML help' post before posting this topic, and that confused me instead of giving me pointers. So I'm learning HTML by that website htmldog.com, and I am on the CSS code practice. Thing is, the first lesson they have is incorporating color into the text. They start out with in-line style color codes, and I tried incorporating this into my text editor {notepad...lol} and for some reason, the code isn't doing anything. What am I doing wrong? This is the tag that they have for in-line style: text I tried playing around with it to see what else could work, but since I'm learning, that is kind of hard to do. Do you guys need a screen shot of what I'm typing in as the code, or can you easily tell from this post what I'm doing wrong? -- Posted by Link01 at 11:22 am on Sep. 11, 2008 You need to use special code #FF0000 that is red It is easy to get if you have photoshop etc should tell you http://www.december.com/html/spec/colorhex.html or go there -- Posted by SilverDragon1Wings at 11:25 am on Sep. 11, 2008 If I need to use the codes for the actual colors, why didn't the tutorial site mention that? Or is that type of code advanced for what I'm learning? {I'm in the beginner tutorial} -- Posted by Dexus at 11:25 am on Sep. 11, 2008 So if I understand you correctly your simply typing in Code: text Into notepad and saving it etc. then trying to view using a web browser? -- Posted by Link01 at 11:26 am on Sep. 11, 2008 Quote: from SilverDragon1Wings at 7:25 pm on Sep. 11, 2008 If I need to use the codes for the actual colors, why didn't the tutorial site mention that? Or is that type of code advanced for what I'm learning? {I'm in the beginner tutorial} It is what I had to do -- Posted by SilverDragon1Wings at 11:26 am on Sep. 11, 2008 Quote: from Dexus at 2:25 pm on Sep. 11, 2008 So if I understand you correctly your simply typing in   Code: text Into notepad and saving it etc. then trying to view using a web browser? Correct. Is notepad the wrong text editor for that code? -- Posted by Dexus at 11:30 am on Sep. 11, 2008 Quote: from SilverDragon1Wings at 7:26 pm on Sep. 11, 2008 Quote: from Dexus at 2:25 pm on Sep. 11, 2008 So if I understand you correctly your simply typing in     Code: text Into notepad and saving it etc. then trying to view using a web browser?   Correct. Is notepad the wrong text editor for that code? No notepad is fine, its just there needs to be more code. A web browser will only recognise it as text without html. CSS and basic html need to be used together.   Code: text Any CSS coding should be within the body tag. Try doing exactly what you were doing with the html code now in place and it should work fine. -- Posted by Dexus at 11:33 am on Sep. 11, 2008 Oh and I forgot, when saving it, don't save it as a text file. Change it to all files and add the .html extension. -- Posted by kellyxfanelly at 11:35 am on Sep. 11, 2008 Changing the text color? I usually use this; -- Posted by SilverDragon1Wings at 11:37 am on Sep. 11, 2008 I tried to screen capture the code, but I don't know how to put that into here, so I guess I'll have to type out what I did: So I wanted to write something and do HTML/CSS around that, but I couldn't think of anything so I put in lyrics....lol. Anyway, this is the beginning code I have. It's just a portion of what is in notepad, because there's too much script to copy and paste into here. I did include the closing tags for head and body. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> CSS and HTML I'm not Jesus Apocalyptica This is the way I tried playing with it, because when I put just the code in, it would come up as 'text' written in the document, instead of the code changing the color of the script. And I changed the color that I wanted it to be, from what HTML dog used. -- Posted by SilverDragon1Wings at 11:38 am on Sep. 11, 2008 Quote: from Link01 at 2:22 pm on Sep. 11, 2008 You need to use special code   #FF0000 that is red It is easy to get if you have photoshop etc should tell you http://www.december.com/html/spec/colorhex.html or go there Thanks for the link, I'll definitely reference this. -- Posted by Link01 at 11:43 am on Sep. 11, 2008 Quote: from SilverDragon1Wings at 7:38 pm on Sep. 11, 2008 Quote: from Link01 at 2:22 pm on Sep. 11, 2008 You need to use special code    #FF0000    that is red    It is easy to get if you have photoshop etc should tell you    http://www.december.com/html/spec/colorhex.html    or go there Thanks for the link, I'll definitely reference this. you can get some of my code if you wish -- Posted by Dexus at 11:47 am on Sep. 11, 2008 Now I see your problem! Changes every bit of text in a paragraph blue. However you don't have paragraphs, you have 2 different header tags. If your looking every bit of text on the page to be of a certain colour you should really have this: Code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> CSS and HTML I'm not Jesus Apocalyptica -- Posted by SilverDragon1Wings at 11:50 am on Sep. 11, 2008 The lyrics follow, and those are in paragraphs, not headers. Does that change anything? I was kind of hoping to put the headers in blue font and the lyrics {paragraphs} into...I dunno...green or any other color. -- Posted by Dexus at 11:55 am on Sep. 11, 2008 Quote: from SilverDragon1Wings at 7:50 pm on Sep. 11, 2008 The lyrics follow, and those are in paragraphs, not headers. Does that change anything? I was kind of hoping to put the headers in blue font and the lyrics {paragraphs} into...I dunno...green or any other color. It does change everything but any other tags you enter with a different style will change accordingly. If you wanted to change each colour separately you could have. Code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> CSS and HTML I'm not Jesus Apocalyptica It just means now with the body colour tag, anything not inside either the h1, h2, h3, and p tags is now blue. -- Posted by Dexus at 12:10 pm on Sep. 11, 2008 Hopefully it will have sorted it out for you.   Good place to learn CSS is   http://www.w3schools.com/css/default.asp It also has this:   http://www.w3schools.com/css/tryit.asp?filename=trycss_color Which can be edited accordingly to any CSS or HTML and when you click on the "Edit and show me" button it will show you the results without the hassle of saving it and viewing it in a browser. -- Posted by SilverDragon1Wings at 12:32 pm on Sep. 11, 2008 Thanks for the help :) -- Posted by Dexus at 12:33 pm on Sep. 11, 2008 Quote: from SilverDragon1Wings at 8:32 pm on Sep. 11, 2008 Thanks for the help :) My pleasure, I'll happily help anytime