Closed
Bug 70251
Opened 24 years ago
Closed 22 years ago
Form widgets all have different heights and baselines
Categories
(Core :: Layout: Form Controls, defect)
Tracking
()
RESOLVED
FIXED
Future
People
(Reporter: jwbaker, Assigned: rods)
References
()
Details
(Keywords: testcase)
Attachments
(5 files)
Screenshot
Form widgets look aweful next to each other. If you line up an <input type="text"> and a <button> next to one another, the button will be higher up on the page and also taller than the <input>, even if they are styled to have the same typeface. You can see this everywhere on the web. Forms look like ass in Mozilla, and I think it is just something that all long-time users have resigned themselves to. I'm attaching an HTML file that would be a great place to start: designers just want to have widgets that line up.
|
||
Comment 1•24 years ago
|
||
so... Jeffrey Baker, are you attaching that file?
|
Reporter | |
Comment 2•24 years ago
|
||
|
|
Reporter | |
Comment 3•24 years ago
|
||
|
Assignee | |
Comment 4•24 years ago
|
||
This should be just a forms.css fix.
Status: NEW → ASSIGNED
Target Milestone: --- → mozilla0.9.1
|
|
Assignee | |
Updated•23 years ago
|
Target Milestone: mozilla0.9.1 → mozilla1.0
|
||
Comment 6•23 years ago
|
||
I am going to create a testcase in strict mode and one in quirks mode that has more than just text input and button. You can see that the problems pretty good with height & line-height & baseline. HTML Form controls needs a little polish.
Keywords: testcase
|
|
||
Comment 7•23 years ago
|
||
|
|
||
Comment 8•23 years ago
|
||
|
||
Comment 9•23 years ago
|
||
This is indeed a major problem even with standard text (outside of inputs) baseline. The baseline of the text inside an INPUT element should be the same as the baseline of the surrounding text. Presently forms look absolutely ugly. Apparently, the only way to have properly aligned text and INPUT elements is to enclose everything in tables. But this is a Bad Thing, as it prevents reflowing based on the current window size. This was scheduled (I remember) to be fixed in 0.9, but apparently it was not. A linked problem is that there is some problem with the baseline of True Type fonts. The INPUT elements containing Courier New are incredibly high, and the fact that the elements are not properly aligned with text makes things even worse. (I'm using Mozilla under Linux).
|
||
Comment 10•23 years ago
|
||
The following code demonstrates this or a related problem. Table cells with
valign="baseline" align text to the bottom of input widget itself rather than
the baseline of the text within the input widget.
<html>
<body>
<form>
<table>
<tr>
<td align="right"><u>Not aligned to baseline:</u></td>
<td><input value="foo"></td>
</tr>
<tr>
<td valign="baseline" align="right"><u>Aligned to baseline:</u></td>
<td valign="baseline"><input value="foo"></td>
</tr>
</table>
</form>
</body>
</html>
|
|
||
Comment 11•23 years ago
|
||
|
|
||
Updated•22 years ago
|
|
||
Updated•22 years ago
|
QA Contact: vladimire → tpreston
|
|
||
Comment 13•22 years ago
|
||
Fixed by bug 167236
Status: ASSIGNED → RESOLVED
Closed: 22 years ago
Resolution: --- → FIXED
|
|
||
Comment 14•22 years ago
|
||
*** Bug 180074 has been marked as a duplicate of this bug. ***
You need to log in
before you can comment on or make changes to this bug.
Description
•