Menu
Community /Pin to ProfileBookmark
@NogDogMay 22.2018 — #Another option is CSS Grid:
*https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
*https://www.youtube.com/watch?v=7kVeCqQCxlk&t=6s
A bit of googling should give you plenty of people arguing for which is better. ?@NogDogMay 23.2018 — #@Sempervivum#1592257
There are definitely issues/arguments. One could also argue why anyone would be using IE these days...but that's a separate issue. ? (They should at least be moving to Edge, since it has better support for both flex and grid [seehttps://caniuse.com/#search=flex ].)
Semantic mark-up can at least help ensure it degrades to something usable, and the more we use grid and/or flex, maybe the more they're motivated to get with the times? (shrug)
Making design more user friendly
The books from which I learned HTML and JavaScript are nearly 20 years old. In this page data entered in the textarea is processed by functions under the 2nd and 3rd buttons, two sets of radio buttons, and popups for more info. Is there anything I can do to improve its appearance or function? TIA
[code]<!DOCTYPE html>
<!–HTML5 doctype–>
<html lang=”en”>
<head>
</script><STYLE type=”text/css”>
input { text-align:right; }
</STYLE>
</head>
<body onload=”doClear(0)” bgcolor=”#b0ffff”>
<h1>Title</h1>
<form name=”tournform”>
<table width=”1000″>
<tr>
<td><input type=”radio” name=”rr2″>Default <input type=”radio” name=”rr2″>Create test data.
<input type=”radio” name=”rr2″> Num Places:
<INPUT name=”numpl” type=”text” value=”2″ size=”1″> Show <INPUT name=”ballots” type=”checkbox”></td>
<td>Round up <INPUT name=”roundup” type=”checkbox”></td>
<td>Automatic: <INPUT name=”doauto” type=”checkbox”></td>
<td><input type=”button” value=”Click to start” onClick=”calculate()”></td>
<td><input type=”button” value=”||: part 1″ onClick=”doTally()”></td>
<td><input type=”button” value=”part2 :||” onClick=”delOne(-1)”></td>
<td><input type=”button” value=”Reset” onClick=”doClear(0)”></td>
</tr>
<tr>
<td colspan=”7″ width=”1000″>
<textarea name=”outputField” rows=”35″ cols=”145″></textarea></td></tr>
<tr><td>More info ) <a href=”http://demo”>demo.org</a></td>
<td colspan=”5″></td></tr>
<tr><td><input type=”radio” name=”select1″ onclick=”doClear(0)”>Default</td></tr>
<tr><td><input type=”radio” name=”select1″ onclick=”doSel()”>Option1</td><td><a href=”http://www.demo” target=”new”>Link for 1</a></td>
<td colspan=”4″><INPUT name=”prompt” type=”text” size=”28″>
<input type=”button” value=”How to use/help” onClick=”Instructions()”></td></tr>
<tr><td><input type=”radio” name=”select1″ onclick=”doSel()”>Option2</td><td><a href=”https://www.youtube.com/watch?v=something” target=”new”>Link for 2</a></td>
<td><input type=”button” value=”Explain something” onClick=”showExhaust()”></td></tr>
<tr><td><input type=”radio” name=”select1″ onclick=”doSel(0)”>Top Two Fail
<input type=”radio” name=”select1″ onclick=”doSel()”>Custom</td>
<td></td><td><a href=”demo.htm”>Back to Orig form</a></td><tr>
</table>
</form>
</body>
</html>
Sign in
to post a comment8 Comments(s) ↴
0
@NogDogMay 22.2018 — #Another option is CSS Grid:*
*
A bit of googling should give you plenty of people arguing for which is better. ?
0
@NogDogMay 23.2018 — #There are definitely issues/arguments. One could also argue why anyone would be using IE these days...but that's a separate issue. ? (They should at least be moving to Edge, since it has better support for both flex and grid [see
Semantic mark-up can at least help ensure it degrades to something usable, and the more we use grid and/or flex, maybe the more they're motivated to get with the times? (shrug)