Why Style sheet isnt working

kaz · #1 (**permalink**) Dec 10th, 2007, 13:44

Hi,

can someone tell me why my style sheet(below) isnt working?

thanx

body {
    background-color: #fffafa;
    }
    .ictdnews{font-family:Arial;font-weight:bold;font-size:x-large;text-transformation:uppercase;
    }
.ictdmain{width:400;background-color: #00ff00;

}
    
.online{color:#000000;font-family:Arial;font-weight:none;font-size:16;text-transformation:Capitalize;
}

.onlineregister{{color:#000000;font-family:Arial;font-weight:none;font-size:12;text-transformation:none;
}

welshstew · #2 (**permalink**) Dec 10th, 2007, 13:47

are you able to post a link to your page, or put up your full css and html for us to look at.

Thanks

MikeHopley · #3 (**permalink**) Dec 10th, 2007, 14:02

Probably because it's invalid CSS!

Stuart · #4 (**permalink**) Dec 10th, 2007, 22:35

Mike's right! Invalid CSS caused a lot of problems...

Monie · #5 (**permalink**) Dec 11th, 2007, 02:39

check out your .onlineregister style! You got double "{" in it!

Code: Select all

body {
background-color: #fffafa;
}
.ictdnews {
font-family:Arial;
font-weight:bold;
font-size:x-large;
text-transformation:uppercase;
}
.ictdmain {
width:400;
background-color: #00ff00;
}    
.online {
color:#000000;
font-family:Arial;
font-weight:none;
font-size:16;
text-transformation:Capitalize;
}
 .onlineregister {
 {color:#000000;
font-family:Arial;
font-weight:none;
font-size:12;
text-transformation:none;
}

kaz · #6 (**permalink**) Dec 12th, 2007, 10:49

I've made the changes, but I'm not getting the desired result. I'm gonna highlight the tags in question, and I'm also going to post the HTML code as well.

body {
background-color : #fffafa;
}
.ictdnews {
font-family : Arial;
font-weight : bold;
font-size : x-large;
}
.ictdmain {
background-color : #00ff00;width:400;
}
.online {
color : #000000;
font-family : Arial;
font-size:16

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<link href="news.css." rel="stylesheet" type="text/css" />
<style type="text/css">
</head>
<body>
<p class="ictdnews">ictd news</p
td width="400"valign="top" class="ictdmain"><h4 class="networking">New online Register to be installed</h4>
thanx

Lchad · #7 (**permalink**) Dec 12th, 2007, 11:18

What are you trying to accomplish?

kaz · #8 (**permalink**) Dec 12th, 2007, 13:20

I want the.ictd news to be in large print and the table to render the background color as shown in the stylesheet. But nothing is happening.

Lchad · #9 (**permalink**) Dec 12th, 2007, 16:37

Is this the name of your css file(part I highlighted in red)

Code: Select all

 <link href="news.css." rel="stylesheet" type="text/css" />

?

Oh I just noticed.. you have a period after the news.css
Delete that period.

Vaun · #10 (**permalink**) Dec 12th, 2007, 17:32

ooh, to add... you haven't closed your .online with }

karinne · #11 (**permalink**) Dec 12th, 2007, 17:38

also ... widths, heights and font-sizes need unit like px or em or %

Vaun · #12 (**permalink**) Dec 12th, 2007, 18:36

but apart from that it's really pretty. well done :-)

nashultz07 · #13 (**permalink**) Dec 12th, 2007, 21:55

Quote:

Originally Posted by kaz

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<link href="news.css." rel="stylesheet" type="text/css" />
<style type="text/css">
</head>
<body>
<p class="ictdnews">ictd news</p
td width="400"valign="top" class="ictdmain"><h4 class="networking">New online Register to be installed</h4>
thanx

Also you have the highlighted code included but no css code or ending to that style before you start the HTML code. Try correcting this and see if that corrects the problem.

kaz · #14 (**permalink**) Dec 17th, 2007, 16:21

Hi, I've made the changes you've suggested. However, the background color for the main table(t.ictdmain) is not showing. I'm at my wits end. here is the style sheet and html with the tag in question highlighted.

Code: Select all

body {
background-color : #00ffff;
}
.ictdnews {
font-family : Arial;
font-weight : bold;
font-size : x-large;}
t.ictdmain{width:400px;background-color:#ffffff;border:solid,thin,#000000

;}
.network{font-family:Arial;font-weight:bold;font-size:16px; 

text-transform:capitalize;}

HTML: Select all

<html>
<head>
<title>Untitled</title>
<link href="news.css" rel="stylesheet" type="text/css" />
</style>
</head>
<body>
<p class="ictdnews">ictd news</p>
<div class="ictmain"width="400px"valign="top"
<h4 class="network">New online Register to be installed</h4>

</div>
</body>
</html>

karinne · #15 (**permalink**) Dec 17th, 2007, 16:54

Please provide a link ... there may be something else fudging this.

welshstew · #16 (**permalink**) Dec 17th, 2007, 17:26

your css still isn't validating.

you need to remove the commas within the border style for .ictdnews so that it reads
border:solid thin #000000;

not

border:solid,thin,#000000;

Monie · #17 (**permalink**) Dec 18th, 2007, 01:40

Looks like you guys have sharper eyes than me

kaz · #18 (**permalink**) Dec 20th, 2007, 10:05

Quote:

Originally Posted by karinne

Please provide a link ... there may be something else fudging this.

hi karinne

the link for the page is:http://kazmania.110mb.com/indexx.htm

css link is :http://kazmania.110mb.com/newss.htm

dab42pat · #19 (**permalink**) Dec 20th, 2007, 10:12

links not working for me.

Monie · #20 (**permalink**) Dec 21st, 2007, 01:10

not for me too, DEAD link.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Adding a style sheet to an RSS feed problem	Andrew1986	Other Programming Languages	5	Feb 19th, 2008 10:31
CSS Print Style Sheet Problem	bennyboy7	Web Page Design	1	Aug 14th, 2007 08:58
new to css: what's the best way to insert image using the external style sheet?	mad samuel	Web Page Design	14	Aug 10th, 2007 17:52
How to tell IE7 to use a pariticular style in a single style sheet	figo2476	Web Page Design	5	May 25th, 2007 14:23
Linking to an external style sheet	ahm531	Web Page Design	6	Aug 31st, 2006 13:23

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Why Style sheet isnt working