CSS in IE

I'm a Mozilla guy myself

The text "News & Events" should be large and bold in the page:

http://media.accettura.com/home.shtml


It works in Mozilla, but not in IE.


The CSS file seems to check out ok
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmedia.accettura.com%2Fhtml%2Fstyle.css&warning=1&profile=css2


So I really don't know what is wrong.

First off, I don't know all the rules of CSS. Nonetheless, I do believe the following will work:

1) put a period in front of stitle in your CSS file to make it .stitle, and
2) replace <stitle> with <span class="stitle"> and </stitle> with </span>

Gordo's fix will take care of that little problem, but you really should go through and fix up the HTML code -- you've a lot of nonstandard bits and pieces. Run your page through the W3C HTML Validator to find the lines which need fixing.

Gordo is right.

this is the line:

<stitle>News&nbsp;&amp;&nbsp;Events</stitle>

when in fact the .stitle in the CSS is to be refered through class attribute.

<span class="stitle">News & Reviews</span>

When I do that it doesn't work in either.

http://media.accettura.com/home.shtml


BTW: well aware there are other html errors... I like to iron them out at the end. Otherwise, I end up doing it repeatedly.

Originally posted by DIGITALgimpus
well aware there are other html errors... I like to iron them out at the end. Otherwise, I end up doing it repeatedly.
im the same way :)

your problem this time may sleep in a simple typo. error.
this is in your markup

<span class=="stitle">

just get rid of one = sign. that should work

Changed with no success :(

My solution had two steps...you missed one.

You have to put a period in front of stitle in your CSS.

You have:
*/stitle
and need
*/.stitle

ok, I missed that.


I changed it to

.stitle


both in the .css file as well as in the html

Still doesn't seem to work

(now I remember why I have been avoiding CSS all this time)

When you specify a class name in html you leave the period off. So it should look like this in your CSS:

.stitle

And like this in your HTML:

<span class="stitle"></span> NOT <span class=".stitle"></span>

That should make it work!

P.S. Don't get frustrated, once you get it down CSS is a god send! :thumbsup:

Originally posted by pardicity3
When you specify a class name in html you leave the period off. So it should look like this in your CSS:

.stitle

And like this in your HTML:

<span class="stitle"></span> NOT <span class=".stitle"></span>

That should make it work!

P.S. Don't get frustrated, once you get it down CSS is a god send! :thumbsup:

Ok, thanks all...

will be going over CSS specs tonight in more detail. Thanks!

basically it should look like this:

in your CSS

.stitle {
color:blue;
}


in your html

<span class="stitle">text</span>