Re: getting html characters to align

An option; probably too heavy on the idiom but that’s why it’s fun; for me. :P There are a few others with modern CSS. This is fragmentary HTML—it should be loaded properly in a full page—but it's just for example and modern browsers don't care. <td></td> has caveats in older browsers and maybe IE still for all I know but I will never launch that without being paid. You can put a   in it if necessary but using whitespace to control HTML layout is painful to even suggest. :P

#!/usr/bin/env perl
use 5.16.0;
use utf8;
use strictures;
use open ":std", ":encoding(utf8)";

print <<"";
<style>
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;
}
</style>

chomp( my @rows = <DATA> );

say "<table>";
for my $row ( @rows )
{
    say "  <tr>";
    for my $col ( split //, $row )
    {
        say $col =~ /\w/ ?
            "    <td>$col</td>"
            :
            "    <td class='fill'></td>";
    }
    say "  </tr>";
}
say "</table>";

__DATA__
л лесопарк
о и о о е
комар р й
л б трасса
ё  к   т б
пасс   ухо
  менеджер
фауна раки
  тоска  г
шкант м  е
    атаман
    в т т
    н ухаб
    игроки
    к грач

Comment on Re: getting html characters to align Select or Download Code

Replies are listed 'Best First'.
Re^2: getting html characters to align by Aldebaran (Curate) on Mar 09, 2019 at 02:11 UTC
using whitespace to control HTML layout is painful to even suggest Alright, I'm glad that's settled. Screenshot of output shows initial output. I'm really impressed with the style, thank you for writing it. The campaign continues between readmore tags: Read more... (6 kB) Thanks for your comments,	[reply] [d/l] [select]
Re^3: getting html characters to align by poj (Abbot) on Mar 09, 2019 at 10:19 UTC
`#print $fh $$string; # ^^ print $fh $string;` [download] poj	[reply] [d/l]
Re^3: getting html characters to align by Anonymous Monk on Mar 09, 2019 at 13:42 UTC
It seems like you are only missing `<meta charset="UTF-8">` in the `<head>` part of your HTML. That is, take the HTML you currently generate, place it in `<body>...</body>` tags, then ~~bury~~place the `body` between `<html>...</html>`. Finally, add `<head><meta charset="UTF-8"></head>` before the `body` (but still inside `html`). Browsers tend to assume `latin1` encoding when it hasn't been explicitly declared, so what you see is the result of decoding UTF-8-encoded text as Latin-1. Pages of your website have this tag, so they get decoded properly.	[reply] [d/l] [select]
Re^4: getting html characters to align by Aldebaran (Curate) on Mar 11, 2019 at 20:42 UTC
This shows the latest version of this material. Discussion continues: Read more... (2 kB) Cheers,	[reply] [d/l] [select]


go ahead... be a heretic
	PerlMonks