[RESOLVED] Broken CSS

timstring

would somebody please tell me what I'm doing wrong. It's probably something simple, but I need a few pairs of eyes.

Here's the style:

CountPart {
	background:#000;
	width:40px;
	height:24px;
	margin:auto;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:18px;
	font-weight:900;
	text-align:center;
	font-stretch:expanded;
	color:#FFF;
}

Here's the call:

<div class="CountPart">

<?php
echo $_SESSION['CounterField'];
?>
</div>

The combination just doesn't work. I end up with 12px text, Times, and black on a white foreground. I have tried putting the <div> statement inside the php code, but that doen't work either. I have run the style through Fiddle and it doesn't work there.

So long, and thanks for all the fish

Weedpacket

You're missing the [font=monospace].[/font] at the beginning of the CSS class selector.

timstring

Well, with the '.' it fiddles, but nothing live.

traq

clear your browser cache.

timstring

That was the first thing I did, and that didn't help. So, I reset Safari, and still nothing. I loaded the page into Firefox, which has no cached page, and it didn't work there, either.

Weedpacket

Have you uploaded the correct file? Have you checked? Did Firefox download the right file? Have you checked? What rules does Firefox say it's applying? (Can Safari also say?)

traq

What does your HTML look like after the PHP is done? Could you give a link to your fiddle?

timstring

I'm hosting this site on my computer. There are no uploads. I did not know that Firefox would track rules used. I am unaware that Safari does the same.

After much head-banging I got the blessed thing to work. I called the <div> to a css style that I knew worked. I then copied that style and renamed the reference. That worked. So I set the style like I wanted and that worked. Not bad for a dumb Aggy.

Here's the fiddle that worked: http://jsfiddle.net/Pjv8S/16/

traq

timstring;11016517 wrote:
There are no uploads.

I did not know that Firefox would track rules used.

I am unaware that Safari does the same.
I called the <div> to a css style that I knew worked.

I then copied that style and renamed the reference. That worked.

So I set the style like I wanted and that worked.

I'm ...not sure I understand what you mean by any of that.

But it sounds like you got it working the way you wanted? If so, I'm glad.

timstring

Yes, all works now, but I spent two agonizing hours trying to draw a black box with green numbers

Weedpacket

timstring wrote:
I did not know that Firefox would track rules used.

Right click the offending element and select "Inspect Element". See also the other stuff listed under "Web Developer" in the tools menu.

Also, Firebug is a valuable extension for any client-side work.

As for Safari, you use it more than I do so you'd have a better idea of what it does or doesn't have.