I’m not new to CSS but I can’t figure out why the stats section on this page is not reflecting the .stats class in my CSS file:

http://www.parallaxwebdesign.com/projects/waterline/pmachine/blog.php

Here’s the HTML:

<!-- Various site statistics -->
<h3>STATS</h3>

<p class="stats">
Total entries: <?php weblog_stats("weblog"); ?><br />
Total comments: <?php comment_stats("weblog"); ?><br />
Total members: <?php member_stats("weblog"); ?><br />
</p>

Here’s the CSS:

p.stats {
font-size: 0.8em;
font-weight: normal;
margin: 4px 4px 4px 8px;
padding: 0px;
text-align: left;
}

No matter what attributes I change in CSS, nothing changes on the web page except the text-alignment.  Have I done something very obviously stupid here?  My CSS file is in the directory above pMachine and is referenced like this:

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

I was able to change the appearance of the login links above - so I can’t figure out why this section is any different…
Please help!

Debbie

Debbie, if you view source for the page, you’ll see this:

<!-- <p class="stats">
Total entries: 2<br />
Total comments: 1<br />
Total members: 1<br /></p> -->

Notice the <!-- and the --> That means you’re in a comment, and that’s why it isn’t showing.

Also in your css I see

.stats

but not

p.stats

Or did you comment it out when testing?

Sorry - I commented it out and changed .stats back to p.stats while testing.

Here’s how it appears with the conditions noted in my first email (but with .stats in the php page and CSS).

http://parallaxwebdesign.com/projects/waterline/pmachine/blog.php

Debbie

Your CSS just has .stats, not p.stats

So if you get rid of the paragraph markup, does it work?

It looks the same whether it’s in <p></p> or not.  It’s like it’s not being affected by the CSS at all.

My HTML was class="stats", I changed it back.  It didn’t make any difference anyway!

Debbie