Can't get external css stylesheet to work

crashbandicoot · February 6th, 2011, 01:32 PM

I have no idea why my html documents are not being changed by my external css stylesheet. My css stylesheet follows all the rules, no spaces, not html or body elements e.t.c. The html documents has this phrase in its <head> element <link rel="stylesheet" type="css/text" href="........./file.css" />. But nothing changes. The only time it works is when I have a <class> tag in the html document. The properties pertaining to that class are the only ones in my css stylesheet file that work, none of the others work. I have IE8, and pretty sure all of the standard styles are supported. I have tried everything, including downloading the source code, from the book Beginning HTML, XHTML, CSS, and JavaScript. The css(ch07) examples don't even work in the the source I download. The html documents don't change. Just like mine. I have no idea what to do. Any help would be grateful.

Imar · February 6th, 2011, 02:16 PM

Hi there,

Not sure exactly what to make of this...

Code:

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

All those dots don't seem like a valid path to me. Are you sure you're correctly referring to the CSS file *relative to the document where it's used*?

Quote:

The only time it works is when I have a <class> tag in the html document.

There's no such thing as a <class> tag. What exactly are you referring to?

Can you explain your site's structure and the exact code you're using to refer to your style sheets? It sounds to me that your paths are wrong so the browser can't find the referenced files.

Cheers,

Imar

crashbandicoot · February 7th, 2011, 09:34 AM

Yeah sorry. The ......, I inserted was just to signify whatever file the css stylesheet was located. It wasn't to reference a particular file path name. My particular file path name is href="Programming 2/css/ch07_eg19" />. Again I apologize for saying <class> element. I was actually referring to the class atrribute. The only changes in my html document come from the class atributes. For example, if I had an html document with a table and the table data had a code like so: <td class="one">I have problems</td>. and in my adjoining css stylesheet, I had a list of different rules pertaining to the elments in said html document, and I had the td.one {font-family:verdana;} included. Only the td.one {font-family:verdana;} would change in the html document, none of the other rules would.

Imar · February 7th, 2011, 09:36 AM

I am not sure if the problem is solved now or not....

crashbandicoot · February 7th, 2011, 01:10 PM

Quote:

Originally Posted by Imar

I am not sure if the problem is solved now or not....

Thanks a lot man. It was my filepath name, got it confused, but its all sorted out now. Thanks