Reshoots of a few BVFC figures

meyerweb · 948c4241b434d3dd19cf7afadbe81bba56e5108a · meyerweb committed Jul 22, 2015 · Jul 22, 2015 · 948c424
1 parent 06e24b1
commit 948c4241b434d3dd19cf7afadbe81bba56e5108a
diff --git a/basic-visual-formatting/4e-reshoots/bvfc_0105.png b/basic-visual-formatting/4e-reshoots/bvfc_0105.png
diff --git a/basic-visual-formatting/4e-reshoots/bvfc_0119.png b/basic-visual-formatting/4e-reshoots/bvfc_0119.png
diff --git a/basic-visual-formatting/4e-reshoots/bvfc_0122.png b/basic-visual-formatting/4e-reshoots/bvfc_0122.png
diff --git a/basic-visual-formatting/box-sizing.html b/basic-visual-formatting/box-sizing.html
@@ -1 +1 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 20px;}code, pre {font-size: smaller;}div {float: left; background: silver;	width: 400px; height: 200px;	padding: 25px;	border: 5px solid gray;	margin: 1em;	background: url(i/rulers.png);}#two {box-sizing: border-box;}</style></head><body><div id="one">Each <code>div</code> has the following styles:<pre>height: 200px;width: 400px;padding: 25px;border: 5px solid gray;</pre></div><div id="two">But that one has been given <br><code>box-sizing: content-box</code>, and this one is set to <code>box-sizing: border-box</code>.</div></body></html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 24px;}code, pre {font-size: 0.9em;}div {float: left; background: silver;	width: 400px; height: 200px;	padding: 25px;	border: 5px solid gray;	margin: 1em;	background: url(i/rulers.png);}#two {box-sizing: border-box;}</style></head><body><div id="one">Each <code>div</code> has the following styles:<pre>height: 200px;width: 400px;padding: 25px;border: 5px solid gray;</pre></div><div id="two">But that one has been given <br><code>box-sizing: content-box</code>, and this one is set to <code>box-sizing: border-box</code>.</div></body></html>
diff --git a/basic-visual-formatting/vertical-formatting-heights-dont-match.html b/basic-visual-formatting/vertical-formatting-heights-dont-match.html
@@ -1 +1 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 20px;}p {border: 1px solid black; background: #DDD;	float: left; width: 30%; margin: 1em 1%;}</style></head><body><p style="height: 10em;">This paragraph is 10em tall. It has more than enough room to show all its content.</p><p style="height: 3.33em;">This paragraph is 3em tall. It may therefore lack the necessary height to contain all its content. What happens then is down to the author’s styles and the browser’s capabilities.</p><p style="height: 3.33em; overflow: scroll;">This paragraph is 3em tall. It may therefore lack the necessary height to contain all its content. What happens then is down to the author’s styles and the browser’s capabilities.</p></body></html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 24px;}p {border: 1px solid black; background: #DDD;	float: left; width: 30%; margin: 1em 1%;}</style></head><body><p style="height: 10em;">This paragraph is 10em tall. It has more than enough room to show all its content.</p><p style="height: 3.33em;">This paragraph is 3em tall. It may therefore lack the necessary height to contain all its content. What happens then is down to the author’s styles and the browser’s capabilities.</p><p style="height: 3.33em; overflow: scroll;">This paragraph is 3em tall. It may therefore lack the necessary height to contain all its content. What happens then is down to the author’s styles and the browser’s capabilities.</p></body></html>
diff --git a/basic-visual-formatting/vertical-formatting-pct-heights.html b/basic-visual-formatting/vertical-formatting-pct-heights.html
@@ -1 +1 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 20px;}div {float: left; width: 45%; margin: 1em 1%; padding: 0;	border: 1px solid gray;}p {background: silver; margin: 1em 0;}</style></head><body>	<div style="height: 6em;">		<p style="height: 50%;">Paragraph half as tall</p>	</div>	<div style="height: auto;">		<p style="height: 50%;">Paragraph NOT half as tall; height reset to auto</p>	</div></body></html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>BVF Figure</title><link rel="stylesheet" type="text/css" href="base2.css"><style type="text/css">body {font-size: 24px;}div {float: left; width: 47%; margin: 1em 1%; padding: 0;	border: 1px solid gray;}p {background: silver; margin: 1em 0;}</style></head><body>	<div style="height: 6em;">		<p style="height: 50%;">Paragraph half as tall</p>	</div>	<div style="height: auto;">		<p style="height: 50%;">Paragraph NOT half as tall; height reset to auto</p>	</div></body></html>