Rhizome is the home of born-digital art and culture since 1996. Learn about us and our #preservation, #commissions, and #7x7 programs. Explore #artworks, #publication, community, and events, online and IRL, or search our archives.

How to make a perfect Malevich using only basic HTML code (2006) - LUNK

by John Michael Boling

2008-09-11

LAUNCH
More work by LUNK

Tags

#blog, #conceptual

Comments

2008-09-11 17:04, marcin ramocki

check out also http://www.cjny.com/myData-web/

and his Liquid Mondrian project http://www.vertexlist.net/cj.html
or http://www.cjny.com

2008-09-17 08:53, Dragan

Error Line 9, Column 14: there is no attribute "HEIGHT".
<TABLE HEIGHT="100%" BORDER=0 ALIGN="center">

2008-09-18 13:33, Pall Thayer

I see this is a bit dated. Here's a modern version. Fully valid XHTML 1.0 Tranistional.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />

<title>Malevich</title>
<style type="text/css">
body {
background-color: #FFF;
}
#outer {
position: absolute;
height: 400px;
width: 400px;
left: 50%;
margin-left: -200px;
border: 1px solid #000;
}
#inner {
position: relative;
top: 50px;
background-color: #000;
height: 300px;
width: 300px;
margin: auto;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
</html>

2008-09-19 10:42, t.whid

C'mon Pall! Where's the xhtml 1.0 strict version?

LOL

2008-09-19 11:07, Pall Thayer

If you replace the instances of Transitional and transitional to Strict and strict in the DOCTYPE, this will validate as XHTML 1.0 strict. So there.

2008-09-19 13:35, Pall Thayer

Here's another more modern version. The SVG version. Again, this is fully valid SVG 1.1

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="600px" height="600px" version="1.1" xmlns="http://www.w3.org/2000/svg">
<desc>Malevich in SVG</desc>
<rect x="200px" y="200px" width="400px" height="400px" fill="#FFF" stroke="#000" stroke-width="1px" />
<rect x="250px" y="250px" width="300px" height="300px" fill="#000" />
</svg>

I know that Firefox 3 and the current version of Opera will display this correctly with no need for plugins. Can't promise that other browsers will.

rhizome, 1996–2024; about, support, index, people, newsletter, video.rhizome.org, instagram, twitter, facebook, RSS, [email protected], New Museum

subscribe to our newsletter