[thelist] Issue with formatting paragraph

raskenbo raskenbo at gmail.com
Wed Mar 9 14:30:03 CST 2005

On Wed, 9 Mar 2005 14:21:25 -0500, Jim Mortland
<JMortland at psychologicalscience.org> wrote:
> I'm working on updating my company's web site to a table-less layout.
> One problem I have run into occurs on this page:
> http://www.psychologicalscience.org/beta/apssc/.  In the 2nd paragraph
> under Hotel Match-Up Program, I have this code:
> <p class="small">The deadline for this program is March 31,
> 2005......</p>
> The CSS I have to format the small class is:
> .small, .summary {font-size: 95%;}
> The whole stylesheet can be found at:
> http://www.psychologicalscience.org/beta/includes/layout.css
> When I display the page, the text is not in the smaller size.  (It
> should be the same size as the text directly above it.)
> I've validated the CSS and HTML to see if there were any errors that
> would affect the display, but none were found.  Does anybody have an
> idea as to what is causing this?
> Thanks in advance,
> Jim Mortland

The following is the culprit:

#content p, #content li {
	font-size: .9em;

My guess is that the ID is taking precedence over class. Therefore
applying the "small" class to a paragraph within div#content has no

The following should work (specificity):

 #content p.small, .summary {font-size: 75%;}
Ken Chase
Freelance Web Design

More information about the thelist mailing list