| Replies
|
|
|
Dexus
|
Posted 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  |
|
|
SilverDragon1Wings
|
Posted at 12:32 pm on Sep. 11, 2008 |
| Thanks for the help :) |
|
|
Dexus
|
Posted 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. |
|
|
Dexus
|
Posted 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: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>CSS Practice</title> <style type="text/css">
body { color: blue;}
h1 { color: black;}
h2 { color: red;}
h3 { color: green;}
p { color: yellow;}
</style> </head> <body>
<h1>CSS and HTML</h1>
<h2>I'm not Jesus</h2>
<h3>Apocalyptica</h3></p> </body>
</html> |
It just means now with the body colour tag, anything not inside either the h1, h2, h3, and p tags is now blue. |
|
|
SilverDragon1Wings
|
Posted 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. |
|
|
Dexus
|
Posted at 11:47 am on Sep. 11, 2008 |
| Now I see your problem! <p style="color: blue"> 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: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>CSS Practice</title> <style type="text/css">
body { color: blue;}
</style> </head> <body>
<h1>CSS and HTML</h1>
<h2>I'm not Jesus</h2>
<h3>Apocalyptica</h3></p> </body>
</html> |
|
|
|
Link01
|
Posted 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 |
|
|
SilverDragon1Wings
|
Posted 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. |
|
|
SilverDragon1Wings
|
Posted 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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>CSS Practice</title>
</head> <body>
<h1>CSS and HTML</h1> <p style="color: blue">
<h2>I'm not Jesus</h2>
<h3>Apocalyptica</h3></p> 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. |
|
|
kellyxfanelly
|
Posted at 11:35 am on Sep. 11, 2008 |
Changing the text color?
I usually use this;
<font color="color"> |
|
|
Dexus
|
Posted 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. |
|
|
Dexus
|
Posted 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: | | <p style="color: red">text</p> |
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: |
<html>
<head>
<title>CSS Practice</title>
</head> <body>
<p style="color: red">text</p> </body>
</html>
|
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.
|
|
|
SilverDragon1Wings
|
Posted 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: | | <p style="color: red">text</p> |
Into notepad and saving it etc. then trying to view using a web browser?
Correct. Is notepad the wrong text editor for that code? |
|
|
Link01
|
Posted 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 |
|
|
Dexus
|
Posted at 11:25 am on Sep. 11, 2008 |
So if I understand you correctly your simply typing in
| Code: | | <p style="color: red">text</p> |
Into notepad and saving it etc. then trying to view using a web browser? |
|
|
Most recent 15 of 17 previous replies displayed. |
461 users online 
223151 members 
You have 1 new message.
