Valid XHTML 1.1 plus MathML 2.0 plus SVG 1.1 but does not wo

A

admin

Administrator
Staff member
Here's the code I'm working with:


<?xml version="1.0" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="Content-Style-Type" content="text/css" />
<meta name="Author" content="John-David Kraaikamp" />
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"./lattice-html.css" />
<title>The Lattice</title>
</head>
<body>
<h1>The Lattice</h1>
<p>The lattice is a method of multiplication used in the Elizabethan era, and is a very good method of multiplication to this day. Below is what a basic lattice looks like:</p>
<div id="lattice-00">
<svg:svg>
<svg:g>
<svg:rect width="100" height="50" x="101" y="1" class="row0 col1" />
<svg:rect width="100" height="50" x="201" y="1" class="row0 col2" />
<svg:rect width="100" height="50" x="301" y="1" class="row0 col3" />
<svg:rect width="100" height="50" x="401" y="1" class="row0 col4" />
</svg:g>
<svg:g>
<svg:rect width="100" height="50" x="1" y="51" class="row1 col0" />

<svg:polygon points="101,51 201,51 101,101" class="row1 col1 tens" />
<svg:polygon points="101,101 201,101 201,51 " class="row1 col1 ones" />

<svg:polygon points="201,51 301,51 201,101" class="row1 col2 tens" />
<svg:polygon points="201,101 301,101 301,51 " class="row1 col2 ones" />

<svg:polygon points="301,51 401,51 301,101" class="row1 col3 tens" />
<svg:polygon points="301,101 401,101 401,51 " class="row1 col3 ones" />

<svg:polygon points="401,51 501,51 401,101" class="row1 col4 tens" />
<svg:polygon points="401,101 501,101 501,51 " class="row1 col4 ones" />

<svg:rect width="100" height="50" x="501" y="51" class="row1 col5" />
</svg:g>
<svg:g>
<svg:rect width="100" height="50" x="1" y="101" class="row2 col0" />

<svg:polygon points="101,101 201,101 101,151" class="row2 col1 tens" />
<svg:polygon points="101,151 201,151 201,101" class="row2 col1 ones" />

<svg:polygon points="201,101 301,101 201,151" class="row2 col2 tens" />
<svg:polygon points="201,151 301,151 301,101" class="row2 col2 ones" />

<svg:polygon points="301,101 401,101 301,151" class="row2 col3 tens" />
<svg:polygon points="301,151 401,151 401,101" class="row2 col3 ones" />

<svg:polygon points="401,101 501,101 401,151" class="row2 col4 tens" />
<svg:polygon points="401,151 501,151 501,101" class="row2 col4 ones" />

<svg:rect width="100" height="50" x="501" y="101" class="row2 col5" />
</svg:g>
<svg:g>
<svg:rect width="100" height="50" x="1" y="151" class="row3 col0" />

<svg:polygon points="101,151 201,151 101,201" class="row3 col1 tens" />
<svg:polygon points="101,201 201,201 201,151" class="row3 col1 ones" />

<svg:polygon points="201,151 301,151 201,201" class="row3 col2 tens" />
<svg:polygon points="201,201 301,201 301,151" class="row3 col2 ones" />

<svg:polygon points="301,151 401,151 301,201" class="row3 col3 tens" />
<svg:polygon points="301,201 401,201 401,151" class="row3 col3 ones" />

<svg:polygon points="401,151 501,151 401,201" class="row3 col4 tens" />
<svg:polygon points="401,201 501,201 501,151" class="row3 col4 ones" />

<svg:rect width="100" height="50" x="501" y="151" class="row3 col5" />
</svg:g>

<svg:g>
<svg:rect width="100" height="50" x="1" y="201" class="row4 col0" />

<svg:polygon points="101,201 201,201 101,251" class="row4 col1 tens" />
<svg:polygon points="101,251 201,251 201,201" class="row4 col1 ones" />

<svg:polygon points="201,201 301,201 201,251" class="row4 col2 tens" />
<svg:polygon points="201,251 301,251 301,201" class="row4 col2 ones" />

<svg:polygon points="301,201 401,201 301,251" class="row4 col3 tens" />
<svg:polygon points="301,251 401,251 401,201" class="row4 col3 ones" />

<svg:polygon points="401,201 501,201 401,251" class="row4 col4 tens" />
<svg:polygon points="401,251 501,251 501,201" class="row4 col4 ones" />

<svg:rect width="100" height="50" x="501" y="201" class="row4 col5" />
</svg:g>

<svg:g>
<svg:rect width="100" height="50" x="101" y="251" class="row5 col1" />
<svg:rect width="100" height="50" x="201" y="251" class="row5 col2" />
<svg:rect width="100" height="50" x="301" y="251" class="row5 col3" />
<svg:rect width="100" height="50" x="401" y="251" class="row5 col4" />
</svg:g>
</svg:svg>
</div>
<p>This will handle the multiplication of two numbers both up to 9,999, although larger numbers can be accomodated through a larger lattice. Allow me to show you how it works.</p>
</body>
</html>

But I get the following error:

XML Parsing Error: prefix not bound to a namespace
Location: file:///C:/Program%20Files/xampp/htdocs/Pages/Experiments/Mix-And-Match/lattice.xhtml
Line Number 15, Column 4:
<svg:svg>
------------------------^
 
You must log in or register to reply here.
Back
Top