JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<link href="css/template.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<div id="maket">
<div id="header">
<div id="nav">
    <ul>
             <li><a class="glavnaya" href="#"></a></li>
             <li><a class="catalog" href="#"></a></li>
             <li><a class="plan" href="#"></a></li>
             <li><a class="statji" href="#"></a></li>
             <li><a class="foto" href="#"></a></li>
             <li><a class="contact" href="#"></a></li>
    </ul>
  </div>
</div>

<div id="right">
Правая колонка
</div>
<div id="content">Содержимое страницы</div>
<div id="footer">Подвал</div>
</div>
</body>
</html>

CSS

body, html {margin:0px; padding:0px;}
#maket {width:1200px; margin:0 auto;}
#header{height:271px; background-image:url(../img/header.jpg);}
#right{width:200px; float:right;}
#content{margin-right:202px;}
#footer{clear:both;}


a.glavnaya {width:142px; width: 42px; background-image:url(../img/button_on_startoff.jpg);}
a.glavnaya:hover {width:142px; width: 42px; background-image:url(../img/button_on_starton.jpg);}

a.catalog {width:163px; width: 42px; background-image:url(../img/button_catalogoff.gif);}
a.catalog:hover {width:163px; width: 42px; background-image:url(../img/button_catalogon.gif);}