X
Tap here to go to the mobile version of the site.

Support Forum

Small bitmap displays in a Firefox window, but does not print. Same in Chrome.

Posted

I made a version of the Killer Sudoku HTML that adds tiny corner bitmaps to the dashed cage lines. My version works in a Firefox (and Chrome) window. (See "Firefox screenShot Sudoku_2.JPG".) But it does not work when the puzzle is printed by Firefox (or Chrome). (See "Firefox printOut Sudoku,JPG".)

There are two "screenShot" JPGs attached. Use the ..._2.JPG version. It has the bitmap in A6 marked.

The corner bitmaps for this puzzle are defined like this --

<style>
...
#corners_01 { background-image: url(TRcorner.bmp); background-position: top    right; background-repeat: no-repeat; }
#corners_02 { background-image: url(BRcorner.bmp); background-position: bottom right; background-repeat: no-repeat; }
#corners_04 { background-image: url(BLcorner.bmp); background-position: bottom  left; background-repeat: no-repeat; }
#corners_08 { background-image: url(TLcorner.bmp); background-position: top     left; background-repeat: no-repeat; }
#corners_03 { background-image: url(TRcorner.bmp), url(BRcorner.bmp); background-position: top    right, bottom right; background-repeat: no-repeat; }
#corners_12 { background-image: url(BLcorner.bmp), url(TLcorner.bmp); background-position: bottom  left, top     left; background-repeat: no-repeat; }

</style>

The dashed cage lines for puzzle tiles A5,A6,A7 get built by these three <td>,</td> constructs. Puzzle tile A6 also gets a lower-left corner bitmap.

<BODY bgcolor="white">
...
<td class="InnerTD_L1T4____" ><table><td id="cage_LefTopBot___" class="InnerK">16</td></table>
</td>
<td id="corners_04" class="InnerTD_L1T4____" ><table><td id="cage_TopRig______" class="InnerK">&nbsp</td></table>
</td>
<td class="InnerTD_L4T4____" ><table><td id="cage_LefTopBot___" class="InnerK">3</td></table>
</td>
...
</BODY>

There is more HTML in both the <style> and <BODY> sections.

Am I doing something wrong, or is Firefox the culprit?

I made a version of the Killer Sudoku HTML that adds tiny corner bitmaps to the dashed cage lines. My version works in a Firefox (and Chrome) window. (See "Firefox screenShot Sudoku_2.JPG".) But it does not work when the puzzle is printed by Firefox (or Chrome). (See "Firefox printOut Sudoku,JPG".) There are two "screenShot" JPGs attached. Use the ..._2.JPG version. It has the bitmap in A6 marked. The corner bitmaps for this puzzle are defined like this -- <pre><nowiki><style> ... #corners_01 { background-image: url(TRcorner.bmp); background-position: top right; background-repeat: no-repeat; } #corners_02 { background-image: url(BRcorner.bmp); background-position: bottom right; background-repeat: no-repeat; } #corners_04 { background-image: url(BLcorner.bmp); background-position: bottom left; background-repeat: no-repeat; } #corners_08 { background-image: url(TLcorner.bmp); background-position: top left; background-repeat: no-repeat; } #corners_03 { background-image: url(TRcorner.bmp), url(BRcorner.bmp); background-position: top right, bottom right; background-repeat: no-repeat; } #corners_12 { background-image: url(BLcorner.bmp), url(TLcorner.bmp); background-position: bottom left, top left; background-repeat: no-repeat; } </style></nowiki></pre> The dashed cage lines for puzzle tiles A5,A6,A7 get built by these three <td>,</td> constructs. Puzzle tile A6 also gets a lower-left corner bitmap. <pre><nowiki><BODY bgcolor="white"> ... <td class="InnerTD_L1T4____" ><table><td id="cage_LefTopBot___" class="InnerK">16</td></table> </td> <td id="corners_04" class="InnerTD_L1T4____" ><table><td id="cage_TopRig______" class="InnerK">&nbsp</td></table> </td> <td class="InnerTD_L4T4____" ><table><td id="cage_LefTopBot___" class="InnerK">3</td></table> </td> ... </BODY> </nowiki></pre> There is more HTML in both the &lt;style&gt; and &lt;BODY&gt; sections. Am I doing something wrong, or is Firefox the culprit?
Attached screenshots

Modified by cor-el

Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

More Information

Question owner

Whoa! The mozilla question mechanism butchered my HTML. I will enter my BODY section HTML again using "[" for openAngleBracket and "]" for closeAngleBracket. I will use "*" for ampersand.


The dashed cage lines for puzzle tiles A5,A6,A7 get built by these three [td],/td constructs. Puzzle tile A6 also gets a lower-left corner bitmap.

[BODY bgcolor="white"] ... [td class="InnerTD_L1T4____" ][table][td id="cage_LefTopBot___" class="InnerK"]16/td/table /td [td id="corners_04" class="InnerTD_L1T4____" ][table][td id="cage_TopRig______" class="InnerK"]*nbsp/td/table /td [td class="InnerTD_L4T4____" ][table][td id="cage_LefTopBot___" class="InnerK"]3/td/table /td ... /BODY

(fingers crossed)

Whoa! The mozilla question mechanism butchered my HTML. I will enter my BODY section HTML again using "[" for openAngleBracket and "]" for closeAngleBracket. I will use "*" for ampersand. ---- The dashed cage lines for puzzle tiles A5,A6,A7 get built by these three [td],[/td] constructs. Puzzle tile A6 also gets a lower-left corner bitmap. [BODY bgcolor="white"] ... [td class="InnerTD_L1T4____" ][table][td id="cage_LefTopBot___" class="InnerK"]16[/td][/table] [/td] [td id="corners_04" class="InnerTD_L1T4____" ][table][td id="cage_TopRig______" class="InnerK"]*nbsp[/td][/table] [/td] [td class="InnerTD_L4T4____" ][table][td id="cage_LefTopBot___" class="InnerK"]3[/td][/table] [/td] ... [/BODY] (fingers crossed)

Modified by KeyLawson

Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.