Problem with color attribute in CSS

**Carey** · 13-01-2010

I have just started to learn the CSS in html because i find that there is no point falling behind the current web 2.0 Generation. I got messed up with the code or with the color attribute. what i want is that in my code pnl.cs3 should have small caps but because i messed up with the code i am getting red color instead of the aqua. Please help me to get rid of this css color problem.

Code:

<html>
<head>
<style type="text/css">
body {background-color: yellow;}
body {color:red}
h1 {color:#00ff00}
pnl.cs1 {color:rgb(0,0,255)}
pnl.cs2 {color:000000}
pnl.cs3
{
color:0fffff,font-variant:small-caps
}
</style>
</head>
<body>
<h1>This is my heading</h1>
<p>This is a regular paragraph. The default text should be red. This is defined in the body section of my css</p>
<p class="cs1">This is a paragraph with class="ex". This text is blue.</p>
<p class="cs2" class="small">This is a second paragraph with a class. This text should be black because i entered 000000</p>
<p class="cs3">This is my 3rd paragraph with a class of 3. This text should be aqua blue</p>
</body>
</html>

**Praetor** · 13-01-2010

Seems you don't know the concept of RGB in the html which you need to know if you want to play with colors in html. The html is quite a good and easy language that can be learned very easily. i think that you must check the validity of the css from the css validator online. Try to adjust the color by changing the RGB value in your code.

**kelfro** · 13-01-2010

In the above code i think that there are three errors. You are using color 0 which is not a valid color value in the pnl.cs2. The color 0fffff is an unknown dimension and lastly add a ;(semi-colon) after the color attribute because it attempts find a semi-colon before the property name. After fixing these errors i think that you will get the desired output.

**Zecho** · 13-01-2010

Whenever you specify a hex color you shoul use the # sign for example color:#0fffff. i think that your third paragraph does not display as you expect is because instead of a comma, you should have a semicolon(: )

This is your code
pnl.cs3
{
color:0fffff,font-variant:small-caps
}
Which should be like this
pnl.cs3
{
color:0fffff;font-variant:small-caps
}

**MindSpace** · 14-01-2010

Since you are new to html language i think that's why you have made a mistake because you have implemented the program correctly but you made a syntactical mistake change the code within the pnl.cs3 as you see it below

pnl.cs3
{
color:#0ffffff;
font-variant:small-caps
}

**Modifier** · 14-01-2010

Although you have just started to learn the html language but you have wrote the program correctly you just made some mistakes in terms syntax only. check your code with that of mine you have forgotten the '#' which should be included before the color variant

Code:

pnl.cs3 {
  color: #0fffff;
  font-variant: small-caps;
}

Thread: Problem with color attribute in CSS

Thread Tools

Problem with color attribute in CSS

Re: Problem with color attribute in CSS

Re: Problem with color attribute in CSS

Re: Problem with color attribute in CSS

Re: Problem with color attribute in CSS

Re: Problem with color attribute in CSS

Similar Threads

Puzzling PC to LCD TV color loss problem

Panasonic TH-42PZ80U color problem?

Problem with cells color VB

IE has a problem with the href attribute

Problem with color pictures.

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions