mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
|
<html>
|
||
|
|
<body bgcolor="#c0d0f0">
|
||
|
|
<form>
|
||
|
|
This is a normal button with no CSS sizing, <br>
|
||
|
|
on Windows this sizes to 66x27:<br>
|
||
|
|
<input type="button" value="Press Me">
|
||
|
|
<br>
|
||
|
|
On Windows this should be sizing to 84x24<br>
|
||
|
|
here is a div that emulates it:<br>
|
||
|
|
<center>
|
||
|
|
<div style="border:2px lightgray outset;background-color:#c0c0c0;width:80px;height:20px;">Press Me</div>
|
||
|
|
</center>
|
||
|
|
<br>
|
||
|
|
<hr>
|
||
|
|
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
|
||
|
|
This button should be 200x60<br>
|
||
|
|
<input type="button" value="Press Me"style="width:200px;height:60px;">
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<div style="background-color:blue;color:yellow;width:100px;height:21;">100x21</div><br>
|
||
|
|
This button should be 100x21<br>
|
||
|
|
<input type="button" value="Press Me with Really long title"style="width:100px;height:21px">
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
This button should be 100x21<br>
|
||
|
|
<input type="button" value="Presssssssssssssssssssssssssss"style="width:100px;height:21px">
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
|
||
|
|
This button should be 200x60<br>
|
||
|
|
<button style="width:200px;height:60px;">Press Me</button>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<div style="background-color:blue;color:yellow;width:100px;height:21;"> 100x21</div><br>
|
||
|
|
This button should be 100x21<br>
|
||
|
|
<button style="width:100px;height:21px;">Press Me with Really long title</button>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
This button should be 100x21<br>
|
||
|
|
<button style="width:100px;height:21px;">Presssssssssssssssssssssssssss</button>
|
||
|
|
<br>
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
</html>
|