33 lines
2.0 KiB
HTML
33 lines
2.0 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>WICD Core 1.0 #20-2 - rightsizing to percentage width</title>
|
|
<link rel="stylesheet" type="text/css" href="resources/main.css"/>
|
|
<link rel="stylesheet" type="text/css" href="resources/test-rightsizing-b.css"/>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1>rightsizing to percentage width</h1>
|
|
<h4>WICD Core 1.0 #20-2</h4>
|
|
<object data="resources/test-svg-child-object-rightsizing.svg" width="40%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
|
|
<object data="resources/test-svg-child-object-rightsizing.svg" width="20%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
|
|
<object data="resources/test-svg-child-object-rightsizing.svg" width="10%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
|
|
<object data="resources/test-svg-child-object-rightsizing.svg" width="5%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
|
|
<p>
|
|
Above there must be four times the same, square SVG child visible, each referenced by an object element with different widths (40%, 20%, 10%, 5%) and no height defined.<br/><br/>
|
|
Beyond there is the same, only with PNG images instead of SVG.
|
|
</p>
|
|
<object data="resources/test-svg-child-object-rightsizing.png" width="40%" type="image/png"/>
|
|
<object data="resources/test-svg-child-object-rightsizing.png" width="20%" type="image/png"/>
|
|
<object data="resources/test-svg-child-object-rightsizing.png" width="10%" type="image/png"/>
|
|
<object data="resources/test-svg-child-object-rightsizing.png" width="5%" type="image/png"/>
|
|
<p>
|
|
This test has succeeded, if both rows look exactly the same (SVGs must be square!) and no red background color is visible.
|
|
</p>
|
|
<p><br/><a href="javascript:history.back()">Back</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|