Dida,

This is where you are missing the curly braces in your CSS file.

The first occurrence is in the class list. Here you are missing the ending
curly brace. This is what you have:

.li {
        color: #FFFFFF;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;

But it should look like this:

.li {
        color: #FFFFFF;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
} /* Note the ending curly brace was added */


The next occurrence is in the class h3. Here you have an extra ending curly
brace. This is what you have:

.h3#id  {  
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        color: #8B0000;
        }
 
       
        }

It should look something like this:

.h3#id  {  
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        color: #8B0000;
        }
/* Note removal of second ending curly brace */

You also need to do a couple of other things here. In your html document you
do not use a class attribute in the h3 tag. So, you either need to add the
class="h3" to each <h3> element or just remove the "." from .h3 in your
style sheet. 

In addition, remove #id from .h3#id. In order for that selector statement to
work properly you would need to assign the following in your html document:
<h3 id="id">. So putting this all together your h3 selector should look
something like this:

h3  {  
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        color: #8B0000;
        }

This has been tested in FireFox using the Edit CSS Web Developer tool.

Regards,

Steven Costello


-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Dida Kutz
Sent: Monday, June 06, 2005 9:00 AM
To: [email protected]
Subject: [css-d] ID styling

I KNOW this has to be an easy fix, but still not working, depsite all the
suggestions! Here's my HTML (in a Movable Type template):

<h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3>

and here is my CSS coding for this title header. I can't see that I'm
missing a brace or semi-colon . . .

h3#id  {  
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        color: #8B0000;
        }
 
Again, this site is at www.omniquiti.com. 
--
Cheers-

+'*'+.            .+'*'+.        .+'*'+.            .+'*'+.           
   .+'*'+.
  Dida Kutz      candidakutz.typepad.com     www.BluePlanetDivers.org   
          '+.,.+'        '+.,.+'           '+.,.+'             '+.,.+'
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org --
http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to