зеркало из https://github.com/mozilla/pjs.git
123 строки
6.0 KiB
HTML
123 строки
6.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>Layout Documentation Index Page</title>
|
|
|
|
<meta http-equiv="content-type"
|
|
content="text/html; charset=ISO-8859-1">
|
|
|
|
<style>
|
|
/* colors for status of documents */
|
|
*.ood { color: red !important; }
|
|
*.good { color: black !important; }
|
|
*.wip { color: blue !important; }
|
|
*.unassigned { color: green !important; }
|
|
/* inherit the colors into the links */
|
|
p > a { color: inherit; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Layout Technical Documentation: Primary Index</h1>
|
|
<p class="wip">Document Status: Work In Progress (attinasi)
|
|
<p>The goal of this document is to provide extensive links to documentation
|
|
on the Gecko Layout components and classes. There are two sections containing
|
|
links to the documents, and there is overlap between these sections by
|
|
design. First, there is a '<a href="#TopicIndex">Topics</a>' section,
|
|
where documentation is listed by generic topics, more or less free-form
|
|
and ad-hoc. Second, there is a '<a href="#ClasscomponentIndex">Class and
|
|
Component</a>' section, where specific classes and components are listed,
|
|
mapping naturally to the source code. All documents should be indexed in
|
|
both sections, so pick the index that corresponds to what you are thinking
|
|
about. A <a href="#HowTo">Tech Notes section</a> is also included to help
|
|
contributors find information on small topics and issues, including simple
|
|
'How To' cookbooks.
|
|
|
|
<p><blockquote>
|
|
<i>For information about the structure of layout documents, see the <a
|
|
href="http://lxr.mozilla.org/seamonkey/source/layout/doc/overview.html">Layout
|
|
Documentation Overview</a> and the Layout DocumentationTemplates
|
|
(<a
|
|
href="http://lxr.mozilla.org/seamonkey/source/layout/doc/hld-template.html">High
|
|
Level Design Template</a> / <a
|
|
href="http://lxr.mozilla.org/seamonkey/source/layout/doc/dd-template.html">Detailed
|
|
Design Template</a>).
|
|
</i>
|
|
</blockquote>
|
|
|
|
<hr width="100%" size="2">
|
|
|
|
<div align="left"
|
|
style="border: 1px solid blue; margin: auto; width: 65%;"><big><b>Legend</b></big>
|
|
<ul>
|
|
<li class="good">Black: complete and believed to be up to date (class='good')</li>
|
|
<li class="wip">Blue: incomplete or work in progress (class='wip')</li>
|
|
<li class="ood">Red: out of date or innacurate (class='ood', bug should be filed and bug number / link noted)</li>
|
|
<li class="unassigned">Green: unassigned work</li>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2><a name="TopicIndex"></a>Topic Indices</h2>
|
|
|
|
<div style="border: 1px solid black; margin: 1em; padding: 1em;">
|
|
<p class="wip">What is Layout? The High Level Layout Overview (attinasi)
|
|
<p class="wip">Debugging Layout (bernd)
|
|
<p class="unassigned">How Reflow works
|
|
<p class="wip">Tables balancing (karnaze)
|
|
<p class="wip">Table Borders collapsing (karnaze)
|
|
<p class="wip">Block in Inline situations (kin)
|
|
<p class="good"><a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/HLD-SpaceManager.html">Managing Floaters</a>
|
|
<p class="unassigned">Text Measurement and Text Breaking
|
|
<p class="unassigned">Image loading and display
|
|
<p class="unassigned">Margin Collapsing
|
|
<p class="unassigned">Scrolling Blocks
|
|
<p class="unassigned">Box and Block interactions
|
|
<p class="wip">Printing and Print Preview (rods)
|
|
<p class="unassigned">Plugins: the object frame and related layout classes
|
|
</div>
|
|
|
|
<h2><a name="ClasscomponentIndex"></a>Class and Component Indices</h2>
|
|
|
|
<div style="border: 1px solid black; margin: 1em; padding: 1em;">
|
|
<p class="unassigned">Presentation Shell and Context: High Level / Detailed
|
|
<p class="unassigned">Frames and the Frame Manager: High Level / Detailed
|
|
<p class="good">Reflow: <a href="http://www.mozilla.org/newlayout/doc/reflow.html">High Level (waterson)</a> / <span class="unassigned">Detailed</span>
|
|
<p class="unassigned">Block and Line layout: High Level / Detailed
|
|
<p class="unassigned">TextFrame - Text Measurement and Line Breaking: High Level / Detailed
|
|
<p class="wip">PageSequenceFrame and PageFrame: High Level / Detailed (rods)
|
|
<p class="unassigned">Object Frame: High Level / Detailed
|
|
<p class="good">Space Manager:
|
|
<a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/HLD-SpaceManager.html">High Level</a> /
|
|
<a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/DD-SpaceManager.html">Detailed</a>
|
|
<p class="wip">Layout Debug Plugin: high Level / Detailed (dcone)
|
|
</div>
|
|
|
|
<h2><a name="HowTo"></a>How To / Tech Notes</h2>
|
|
|
|
<div style="border: 1px solid black; margin: 1em; padding: 1em;">
|
|
<p class="good"><a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/frame_reflow_debug.html">How to Debug Reflow </a>
|
|
<p class="good"><a href="http://www.mozilla.org/newlayout/doc/block-and-line.html">Waterson's Block and Line Cheat Sheet</a>
|
|
<p class="good"><a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/adding-style-props.html">How to add Style Properties</a>
|
|
<p class="unassigned">Measuring Layout Performance
|
|
<p class="wip"><a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/regression_tests.html">Running the Regression Tests (bernd/dcone)</a>
|
|
<p class="good"><a href="http://lxr.mozilla.org/seamonkey/source/layout/doc/debugtable.html">Debugging Table Reflow</a>
|
|
</div>
|
|
|
|
<hr width="100%" size="2">
|
|
<p>Authors:
|
|
<ul>
|
|
<li>Marc Attinasi (attinasi@netscape.com)</li>
|
|
</ul>
|
|
<p>Document History:
|
|
<ul>
|
|
<li>05/06/2002 - Marc Attinasi: created</li>
|
|
<li>05/13/2002 - Marc Attinasi: added Block and Line Cheat Sheet, and link to existing Reflow document</li>
|
|
<li>05/21/2002 - Marc Attinasi: added Bernd's Table Reflow Debugging How-To (thanks Bernd!)</li>
|
|
<li>05/21/2002 - Bernd Mielke: added Frame Reflow Debugging How-To</li>
|
|
<li>06/16/2002 - Bernd Mielke: added layout regression test description</li>
|
|
</ul>
|
|
|
|
</body>
|
|
</html>
|