Hi,
This isn't strictly an Firefox/Thunderbird add-on problem; I've encountered it
with plain HTML/CSS, but now I *am* encountering it with an extension. The
problem I'm trying to solve is how to use font-size to scale a button inside a
heading (h1, h2, d3) element so it appears the same size as buttons *not* in a
heading element. The best I've been able to do is approximate things by trying
different font-sizes, but is there a way to explicitly make them equal sizes?
Here's an example of the problem in HTML/CSS.
Thanks for any help [hoping email readers and mailman won't munge the HTML
below...]
<html>
<head>
<style type="text/css" media="screen">
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
background-color: #eeddaa;
border: gray 1px solid;
}
h3 input {
/* 60% or 0.6em is an approximation I determined visually through
trial-and-error */
font-size: 60%;
/* font-size: 0.6em; */
}
</style>
</head>
<body>
<p>This is a regular button: <input type="button" value="1st button"/></p>
<h3>This is a button in H3 <input type="button" value="2nd button"/></h3>
<p>The 2nd button looks the same size as the first, but it is just an
approximation I came up with through trial-and-error with the font-size CSS
style for
<tt>h3 input</tt>. What's the proper way to make the 2nd button the same size
as the 1st?
</body>
</html>
_______________________________________________
Project_owners mailing list
[email protected]
http://mozdev.org/mailman/listinfo/project_owners
