Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><!-- begin html --> <head><!-- begin head --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Generator" content="CSS-BuMa 1.2 by Sam Francke"> <title>Untitled</title> <!-- start Cascading Style Sheet --> <style type="text/css"> <!-- /* begin body */ body { margin: 0.50em; padding: 0.50em; background-color: #FFFFFF; font-family: Verdana, Tahoma, Sans-Serif, Serif, Arial; font-size: 100%; /* basic font size */ } /* end body */
/* begin menu */ div.menu { margin: 0em; } div.menu ul { margin: 0em; padding: 0em; line-height: 1.57em; } div.menu li { list-style-type: none; height: 1.57em; width: 7.79em; margin-bottom: 1px; text-align: center; font-family: "Comic Sans MS", Verdana, Tahoma, Sans-Serif, Serif, "Courier New", Arial; font-size: 1.00em; letter-spacing: 0.00em; color: #000000; background-color: transparent; } div.menu li a { display: block; overflow: hidden; text-decoration: none; } div.menu li a:link { background-color: transparent; color: #000000; font-weight: normal; text-align: center; border-width: 1px 0px 1px 0px; border-color: #000000 #000000 #000000 #000000; border-style: solid none solid none; } div.menu li a:visited { background-color: transparent; color: #CECECE; font-weight: normal; text-align: center; border-width: 1px 0px 1px 0px; border-color: #000000 #000000 #000000 #000000; border-style: solid none solid none; } div.menu li a:hover { background-color: #D3D3D3; color: #800000; font-weight: normal; text-align: center; border-width: 1px 0px 1px 0px; border-color: #000000 #000000 #000000 #000000; border-style: solid none solid none; } /* end menu */
/* begin sidebar */ .sidebar { position: absolute; top: 0.75em; left: 0.50em; background-color: transparent; width: 7.79em; margin: 0px; padding: 0px; } /* end sidebar */
/* begin main */ .main { position: absolute; top: 0.75em; left: 9.29em; font-family: Tahoma, Verdana, Arial, Helvetica; border: solid gray 1px; background-color: white; padding: 1.50em; text-align: left; color: gray; } /* end main */
/* begin li */ li { font-size: 0.60em; letter-spacing: 0.20em; color: blue; background-color: yellow; } /* end li */
/* begin p */ p { font-size: 0.80em; letter-spacing: 0.20em; } /* end p */
/* begin p:first-letter */ /* does not work in IE5 IE6 */ /* works in Opera, Firefox, SeaMonkey and IE7 */ p:first-letter { font-size: 2.50em; font-weight: normal; color: red; } /* end p:first-letter */
/* begin p:first-line */ /* does not work in IE5 IE6 */ /* works in Opera, Firefox, SeaMonkey and IE7 */ p:first-line { font-variant: small-caps; color: #8CBAEC; } /* end p:first-line */
/* begin tekst */ .tekst { background-color: transparent; font-size: 0.75em; font-variant: small-caps; letter-spacing: 0.20em; text-align: right; width: 95%; padding-top: 2.00em; } /* end tekst */ --> </style> </head><!-- end head --> <body><!-- begin body --> <div class="sidebar"> <!-- begin class menu --> <div class="menu"> <ul> <li>M E N U</li> <li><a href="ваша сылка">Button one</a></li> <li><a href="ваша ссылка">Button two</a></li> <li><a href="ваша сылка">Button three</a></li> <li><a href="ваша сылка">Button four</a></li> <li><a href="ваша сылка">Button four</a></li> </ul> </div> <!-- end class menu --> прошу прощения за отсутствие скрина =( пример; вот
|