This shows the latest version of this material. Discussion continues:

you are only missing <meta charset="UTF-8">

Yes, it was absent in the sscce. That would account for the mojibake. Now that I have it spliced into what used to be my usual html template, it has the necessary mark-up.

I didn't respond to others in the thread whilst using some aspect of what each wrote. It was so clear when poj pointed out that I was dereferencing a string and thinking I still had a string, I wondered how I was so stuck on it. Anyways, I adiosed the dollar sign and voila. So thanks all for comments.

I'm a bit mystified that the td.fill style is not working. Here is the current relevant .css:

table { border:0; border-collapse:collapse; } td { font-weight:700; text-align:center; line-height:200%; font-size: 150%; border:2px solid black; width:2em; height:2em } td.fill { background-color:black; }

, which is what Your Mother posted less the style tags. And also this:

.outer { margin-left : auto; margin-right : auto; clear: left; margin-top: .7em; margin-bottom: .7em; max-width:25%; display:block; }

, which encompasses the table. When the spaces would not render as black, I went back and made all the spaces dark at the input stage. While I think it's cute, I'm still fishing for a way to turn the squares completely dark.

Cheers,


In reply to Re^4: getting html characters to align by Aldebaran
in thread getting html characters to align by Aldebaran

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.