third_party/WebKit/LayoutTests/css1/formatting_model/height_of_lines.html - Issue 2588283002: Most css1/ tests should wait for basebg.gif to be loaded

Side by Side Diff: third_party/WebKit/LayoutTests/css1/formatting_model/height_of_lines.html

Issue 2588283002: Most css1/ tests should wait for basebg.gif to be loaded (Closed)

Patch Set: fix Created 3 years, 12 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/css1/formatting_model/floating_elements.html ('k') | third_party/WebKit/LayoutTests/css1/formatting_model/horizontal_formatting.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org /TR/REC-html40/loose.dtd">	1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org /TR/REC-html40/loose.dtd">

2 <HTML>	2 <HTML>

3 <HEAD>	3 <HEAD>

4 <TITLE>CSS1 Test Suite: 4.4 The Height of Lines</TITLE>	4 <TITLE>CSS1 Test Suite: 4.4 The Height of Lines</TITLE>

5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">	5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

6 <META http-equiv="Content-Style-Type" content="text/css">	6 <META http-equiv="Content-Style-Type" content="text/css">

7	7

8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs s">	8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs s">

	9 <SCRIPT src="../resources/base.js"></SCRIPT>

9 <STYLE type="text/css">	10 <STYLE type="text/css">

10 P.one {font-size: 14px; line-height: 20px;}	11 P.one {font-size: 14px; line-height: 20px;}

11 IMG.onea {vertical-align: text-bottom;	12 IMG.onea {vertical-align: text-bottom;

12 width: 200px; height: 200px;}	13 width: 200px; height: 200px;}

13 IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}	14 IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}

14	15

15 P.two {font-size: 14px; line-height: 20px;}	16 P.two {font-size: 14px; line-height: 20px;}

16 IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;	17 IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;

17 padding: 5px; border-style: solid;	18 padding: 5px; border-style: solid;

18 border-width: 10px; margin: 15px;}	19 border-width: 10px; margin: 15px;}

(...skipping 81 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
100 should increase the height of the line-box so that they fit, including	101 should increase the height of the line-box so that they fit, including

101 their padding (5px), border (10px) and margins (15px) within the	102 their padding (5px), border (10px) and margins (15px) within the

102 line box, such as <IMG SRC="../resources/oransqr.gif" ALT="[Image]"	103 line box, such as <IMG SRC="../resources/oransqr.gif" ALT="[Image]"

103 CLASS="twoa"> and <IMG SRC="../resources/oransqr.gif" ALT="[Image]"	104 CLASS="twoa"> and <IMG SRC="../resources/oransqr.gif" ALT="[Image]"

104 CLASS="twob">. This is additional text to make sure that there is	105 CLASS="twob">. This is additional text to make sure that there is

105 enough room left below the image so that this line does not hit the	106 enough room left below the image so that this line does not hit the

106 image that is text-top aligned. It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image th e bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the top of the text <IMG SRC="../resources/oransqr.gif" ALT="[Image]" CLASS="twoc">. The last imag e in this paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal directio n.	107 image that is text-top aligned. It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image th e bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the top of the text <IMG SRC="../resources/oransqr.gif" ALT="[Image]" CLASS="twoc">. The last imag e in this paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal directio n.

107 </P>	108 </P>

108 </TD></TR></TABLE></BODY>	109 </TD></TR></TABLE></BODY>

109 </HTML>	110 </HTML>

OLD	NEW