menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

CSS in JS

All things styles in JavaScript!

Channels
Team

November 27, 2018 at 2:51pm
I'm happy to be with you
Thank you my dear friend.

December 1, 2018 at 3:48am
I am making a Xword puzzle in html and css. How do you add the numbers in the corner, such as 1 across, what is a code for this?

January 7, 2019 at 4:36am
Could you provide some of the code you have so far? You'll most likely want to use position: relative; on the box and then place the text in the corner with position: absolute; top: 0, left: 0

January 9, 2019 at 7:25pm
<<div id="disappear001">
<input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names001" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names002" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names003" maxlength="1" value="1"/><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names004" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names005" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names006" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names007" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names008" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons002" type="text" disabled="disabled" id="names009" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names010" maxlength="1" value="2" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names011" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names012" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names013" maxlength="1" /><input onkeydown="keyCode(event)" class="buttons001" type="text" id="names014" maxlength="1" value="3"/>
As you see the numbers disappear, but I want the numbers to be in the corner like a crossword puzzle
Also I want the keyboard arrow keys to work with a crossword puzzle, if the user presses a key, the cursor will go in that direction, can you help? I am using css/html
Thanks

March 19, 2019 at 4:17pm