Formatting Form elements in Table cells

[Rob Simpson]

I am building a Sudoku matrix (9x9) using a form (for input) inside a table
(for layout).
I can control the size of the input elements so that they match the width of
the enclosing cell.
How can I control the height of the input elements so that they also match
the cell height?
Or is there a better approach?
R.

 

[brucie]

I am building a Sudoku matrix (9x9) using a form (for input) inside a table
(for layout).
I can control the size of the input elements so that they match the width of
the enclosing cell.
How can I control the height of the input elements so that they also match
the cell height?

looking for something like this perhaps?
http://moreshit.usenetshit.info/9x9-sudoku-thingy.shit

 

[dorayme]

looking for something like this perhaps?
http://moreshit.usenetshit.info/9x9-sudoku-thingy.shit

Interesting.

For what it is worth, (at least to users of OS 9 on a Mac), in
iCab it looks like a spreadsheet format (table and cells are
rectangular), in my IE 5.1.6 if one adds cellspacing="0" to the
<table ...> it stops the spacing which otherwise does not happen
and makes for neat little separate red sq boxes all arrayed, my
Mozilla 1.3.1 displays it best as is, but all three browsers do
not height centre the numbers in the box and only in my Mozilla
does it sideways centre the numbers.

A little enhancement would be to have slightly heavier borders
for the 9 blocks of 9-cells that are important in this puzzle...
Not hard to do.

 

[brucie]

For what it is worth, (at least to users of OS 9 on a Mac), in
iCab it looks like a spreadsheet format (table and cells are
rectangular), in my IE 5.1.6 if one adds cellspacing="0" to the
<table ...> it stops the spacing which otherwise does not happen
and makes for neat little separate red sq boxes all arrayed, my
Mozilla 1.3.1 displays it best as is, but all three browsers do
not height centre the numbers in the box and only in my Mozilla
does it sideways centre the numbers.

i only checked it in IE6, opera8 and FF1.0.4. looks the same in IE6/opera
(everything centered and looking pretty). FF doesn't vertically centre the
numbers, dunno about the newest version but that reminds me i have to
download it.

 

[Rob Simpson]

i only checked it in IE6, opera8 and FF1.0.4. looks the same in IE6/opera
(everything centered and looking pretty). FF doesn't vertically centre the
numbers, dunno about the newest version but that reminds me i have to
download it.

Yes, that looks good. Just have to add the bold lines at the 3-cell
boundaries; should be able to manage that.

It raises the interesting question (for me):
How can you know what CSS attributes can be applied to what HTML elements?
(Hope terminology is about right.)
The trick here is using width, height, etc with input. Before asking this
question I searched the Web copiously but never came across this.
And using input without form; that is also new to me. Learning every day .
.. .
Thanks,
R

 

[brucie]

Yes, that looks good.

mommy helped me

How can you know what CSS attributes can be applied to what HTML elements?
http://w3.org/TR/REC-CSS2/cover.html
http://w3.org/TR/CSS21/cover.html

And using input without form; that is also new to me.

you still need the other giggly form bits so the entries can be submitted.

Thanks,

kissy