[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]
Subject: Re: Equation number on same line as equation contents
On Nov 21, 2005, at 5:12 AM, Michael Smith wrote:
> Stephen Langer <stephen.langer@nist.gov> writes:
>
>> [...]
>> On a related topic, is it possible to put the title of an equation on
>> the same line, but to the right? I'd really like to have an just
>> automatically generated equation number, like this:
>>
>> x^2 + y^2 = z^2 (1.1)
>
> There are two separate requirements that need to be satisfied to
> enable what you describe.
>
> 1. Output the equation title in the form "(1.1") instead of in
> the default "Equation 1.1. Foo" form.
>
> 2. Cause the equation title to be rendered on the same line as
> equation contents.
[details omitted...]
> Anyway, please give it a try and let me know if it works for you.
Yes, it works, more or less... (The "or less" part may be due to my
not understanding css, but I hope it's not too far off-topic.) The
space allocated for the equation title is too large, so it's not
drawn in-line in many cases.
Here's a distilled example...
html file:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link rel="stylesheet" href="junk.css" type="text/css" />
</head>
<body>
<div id="main">
<p>
<div class="equation">
<p class="title"><b>(1.1)</b>
<div class="equation-contents">
<span class="mathphrase">
x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup>
</span>
</div>
</div>
</p>
<br class="equation-break"/>
<p>
This is a paragraph after an equation.
</p>
</div>
</body>
</html>
And this style sheet:
.equation-contents {
float: left;
background-color: lightgray
}
.equation .title {
margin-top: 0;
float: right;
margin-right: 20px;
background-color: pink
}
.equation-break {
clear: both;
}
div#main p {
width: 80%;
}
I added colors to the .equation-contents and title so that I could
see their actual sizes. What I see is that the equation number
(title) takes up most of the width of the browser window, even if I
add "width: 20%;" to its style. On the other hand, if I remove the
"div#main p" style, the number's width goes back down to its natural
width. I see the same behavior on Safari and Firefox.
Thanks.. This list has been extremely helpful.
-- Steve
--
-- EMail: stephen.langer@nist.gov Phone: (301)
975-5423 --
-- WWW: http://math.nist.gov/mcsd/Staff/SLanger/ Fax: (301)
990-4127 --
-- Mail: NIST; 100 Bureau Drive -- Stop 8910; Gaithersburg, Md
20899-8910 --
-- "I don't think this will work. That's why it's
science." --
-- Naomi Langer, 17 Feb
2003 --
[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]