Added links to last version and previous version. Fixed some broken

links. Fixed some mark-up errors. Commented out the section on
"changes since the last call."

Author: bert-github

css4-images/Overview.src.html

@@ -17,16 +17,16 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
 		<dt>This Version:
 		<dd><a href="http://dev.w3.org/csswg/css4-images/">http://dev.w3.org/csswg/css4-images/</a>
 		<!-- <dd><a href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-css4-images-[CDATE]/</a>-->
-<!--
+
 		<dt>Latest Version:
 		<dd><a href="http://www.w3.org/TR/css4-images/">http://www.w3.org/TR/css4-images/</a>
--->
+
 		<dt>Editor's Draft:
 		<dd><a href="http://dev.w3.org/csswg/css4-images/">http://dev.w3.org/csswg/css4-images/</a>
-<!--
+
 		<dt>Previous Version:
-		<dd><a href="http://www.w3.org/TR/2012/WD-css4-images-20120112/">http://www.w3.org/TR/2012/WD-css4-images-20120112/</a>
--->
+		<dd><a href="http://www.w3.org/TR/2012/WD-css4-images-20120911/">http://www.w3.org/TR/2012/WD-css4-images-20120911/</a>
+
 		<dt>Issue Tracking:
 		<dd><a href="http://www.w3.org/Style/CSS/Tracker/products/27">http://www.w3.org/Style/CSS/Tracker/products/27</a>
 
@@ -81,7 +81,7 @@ <h2 id="intro">
 		could only be given by a single URL value. 
 		This module introduces additional ways of representing 2D images, 
 		for example as <a href="#image-notation">a list of URIs denoting fallbacks</a>, 
-		as <a href="#element-image">a reference to an element</a>, 
+		as <a href="#element-image-type">a reference to an element</a>, 
 		or as <a href="#gradients">a gradient</a>.
 
 	<p>
@@ -121,7 +121,7 @@ <h3 id="values">
 
 	<p>
 		In addition to the property-specific values listed in their definitions, 
-		all properties defined in this specification also accept the <a href="http://www.w3.org/TR/css-values">global keywords</a> as their property value. 
+		all properties defined in this specification also accept the <a href="http://www.w3.org/TR/css3-values">global keywords</a> as their property value. 
 		For readability they has not been repeated explicitly.
 
 
@@ -280,7 +280,7 @@ <h4 id="image-fragments">
 		<p>
 			For example, given the following image and CSS:
 
-		<a href="sprites.svg">
+		<a href="images/sprites.svg">
 			<img src="images/sprites.svg" height="20" width="180" alt="[9 circles, with 0 to 8 eighths filled in]">
 		</a>
 
@@ -700,7 +700,7 @@ <h3 id='element-notation'>
 
 			<p>
 				If the referenced element has a transform applied to it or an ancestor, 
-				the transform must be ignored when rendering the element as an image.  [[!CSS-TRANSFORMS]]
+				the transform must be ignored when rendering the element as an image.  [[!CSS3-TRANSFORMS]]
 
 			<p>
 				If the referenced element is broken across pages, 
@@ -1648,7 +1648,7 @@ <h4 id='conic-color-stops' class='no-toc'>
 		A color-stop can be placed at a location before 0% or after 100%;
 		though these regions are never directly consulted for rendering,
 		color stops placed there can affect the color of color-stops within the rendered region
-		through interpolation or repetition (see <a href=#repeating-gradients>repeating gradients</a>).
+		through interpolation or repetition (see <a href="#repeating-gradients">repeating gradients</a>).
 		For example, ''conic-gradient(red -50%, yellow 150%)'' produces a conic gradient 
 		that starts with a reddish-orange color at 0deg (specifically, #f50),
 		and transitions to an orangish-yellow color at 360deg (specifically, #fa0).
@@ -1957,7 +1957,7 @@ <h3 id='color-stop-syntax'>
 			In premultiplied space, 
 			transitions to or from "transparent" always look nice:
 
-		<p><object data="gradient2.svg" width="200"
+		<p><object data="images/gradient2.svg" width="200"
 			height="100">(Image requires SVG)</object>
 
 		<p>
@@ -1966,7 +1966,7 @@ <h3 id='color-stop-syntax'>
 			the colors near "transparent" would noticeably darken to a grayish color, 
 			because "transparent" is actually a shorthand for ''rgba(0,0,0,0)'', or transparent black:
 
-		<p><object data="gradient3.svg" width="200"
+		<p><object data="images/gradient3.svg" width="200"
 			height="100">(Image requires SVG)</object>
 	</div>
 
@@ -2273,7 +2273,7 @@ <h3 id='object-sizing-examples'>
 				with no <i>specified size</i> 
 				and a <i>default object size</i> of 1em square.
 
-			<dt><a href="http://www.w3.org/TR/css3-background/#border-images">'border-image'
+			<dt><a href="http://www.w3.org/TR/css3-background/#border-images">'border-image'</a>
 			<dd>
 				Border images are sized twice: 
 				first the entire image is sized to determine the slice points, 
@@ -2403,17 +2403,17 @@ <h3 id="the-object-fit">
 		the content will never overflow. 
 		See the 'object-position' property for positioning the object with respect to the content box.
 
-	<figure>
-		<img src="images/img_scale.png" style="border: thin solid black;" alt>
+	<div class=figure>
+		<img src="images/img_scale.png" style="border: thin solid black;" alt="">
 
-		<figcaption>
+		<p class=caption>
 			An example showing how four of the values of 'object-fit' cause the replaced element (blue figure) 
 			to be scaled to fit its height/width box (shown with a green background), 
 			using the initial value for 'object-position'.  
 			The fifth value, ''scale-down'', 
 			in this case looks identical to ''contain''.
-		</figcaption>
-	</figure>
+		</p>
+	</div>
 
 	<p class="note">
 		Note: the 'object-fit' property has similar semantics to 
@@ -2878,7 +2878,7 @@ <h3 id='the-image-rendering'>
 			When scaling the image up, the "nearest neighbor" or similar algorithm must be used,
 			so that the image appears to be simply composed of very large pixels.
 			When scaling down,
-			this is the same as <a href=#image-rendering-auto>''auto''</a>.
+			this is the same as <a href="#image-rendering-auto">''auto''</a>.
 	</dl>
 
 	<p class='issue'>
@@ -2900,7 +2900,7 @@ <h3 id='the-image-rendering'>
 		This property previously accepted the values 'optimizeSpeed' and 'optimizeQuality'. 
 		These are now deprecated; 
 		a user agent must accept them as valid values
-		but must treat them as having the same behavior as <a href=#image-rendering-auto>''auto''</a>,
+		but must treat them as having the same behavior as <a href="#image-rendering-auto">''auto''</a>,
 		and authors must not use them.
 
 
@@ -3346,6 +3346,7 @@ <h3 class="no-num" id="normative-references">Normative references</h3>
 <h3 class="no-num" id="other-references">Other references</h3>
 <!--informative-->
 
+<!--
 <h3 class="no-num" id="changes">Changes Since Last Call</h3>
 
 	<p>Major changes include:
@@ -3382,6 +3383,7 @@ <h3 class="no-num" id="changes">Changes Since Last Call</h3>
 
 	<p>The <a href="http://dev.w3.org/csswg/css4-images/issues-lc-2012">Disposition
 	of Last Call Comments</a> is available.
+-->
 
 <h2 class="no-num" id="index">Index</h2>
 <!--index-->