Помогите вклеить меню

dimentiy89 · 10 Сен 2010

проблема такая:
есть хтмл+цсс верикальное меню, его нужно вклеить в шаблон дле.
вставляю в мейн.тпл:

Код:

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=cp1251" />
	<link rel="stylesheet" href="CSS3 Menu_files/style.css" type="text/css" />
</head>
<body>
<ul id="css3menu" style="//width:278px;">
<li class="topfirst"><a href="#" title="ля-ля">ля-ля</a></li>
<li class="topitem"><a href="#" title="ля-ля2">ля-ля2</a></li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">CSS Templates with Drop Down Menus Css3Menu.com</a></p>
</body>
</html>

получается вот так:

Код:

<TABLE cellSpacing=0 cellPadding=5 width=209 bgColor=#cccccc
            border=0>
              <TBODY>
              <TR>
                <TD width="209" height="45" background="{THEME}/images/blok.png"><FONT 
                  color=#0099FF size=1>
                  <CENTER><B>sss</B></CENTER></FONT></TD></TR>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=cp1251" />
	<link rel="stylesheet" href="http://localhost/firma.ru/menu/styler.css" type="text/css" />
</head>
<body>
<ul id="css3menu" style="//width:278px;">
	<li class="topfirst"><a href="#" title="Регистрация юр. лиц">Регистрация юр. лиц</a></li>
	<li class="topitem"><a href="#" title="Регистрация СМИ">Регистрация СМИ</a></li>
	<li class="topitem"><a href="#" title="Регистрация не прибыльных организаций">Регистрация не прибыльных 
организаций</a></li>
	<li class="topitem"><a href="#" title="Третейские суды">Третейские суды</a></li>
	<li class="topitem"><a href="#" title="Легализация документов">Легализация документов</a></li>
	<li class="topitem"><a href="#" title="БТИ">БТИ</a></li>
	<li class="topitem"><a href="#" title="Лицензирование">Лицензирование</a></li>
	<li class="topitem"><a href="#" title="Разрешения">Разрешения</a></li>
	<li class="topitem"><a href="#" title="Интеллектуальная собственность">Интеллектуальная 
собственность</a></li>
	<li class="topitem"><a href="#" title="Трудовые споры">Трудовые споры</a></li>
	<li class="topitem"><a href="#" title="Ликвидация">Ликвидация</a></li>
	<li class="topitem"><a href="#" title="Сопровождение сделок">Сопровождение сделок</a></li>
	<li class="topitem"><a href="#" title="Консультация">Консультация</a></li>
	<li class="topitem"><a href="#" title="Аутсорсинговые услуги">Аутсорсинговые услуги</a></li>
	<li class="topitem"><a href="#" title="Услуги адвоката">Услуги адвоката</a></li>
	<li class="topitem"><a href="#" title="Услуги нотариуса">Услуги нотариуса</a></li>
	<li class="toplast"><a href="#" title="Еvent услуги">Еvent услуги</a></li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">CSS Templates with Drop Down Menus Css3Menu.com</a></p>
</body>
</html>
<TR>
<tr>
<tr>

но оно появляется вверху страницы а не в нужном месте.
цсс:

Код:

ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
ul#css3menu ul{
	display:none;position:absolute;left:98%;top:-1px;-moz-box-shadow:3.5px 4px 5px #000000;-webkit-box-shadow:3.5px 4px 5px #000000;box-shadow:3.5px 4px 5px #000000;padding:0 3px 3px;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul ul{
	position:absolute;left:98%;top:-2px;}
ul#css3menu{
	padding:0 3px 3px;display:block;font-size:0;position:absolute;z-index:1000;left:10px;top:10px;}
ul#css3menu li{
	display:block;white-space:nowrap;font-size:0;}
ul#css3menu>li,ul#css3menu li{
	margin:3px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS,sans-serif;color:#FFF;cursor:pointer;padding:10px;background-color:#424542;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#424542;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
ul#css3menu ul li{
	float:none;}
ul#css3menu ul a{
	text-align:left;}
ul#css3menu li:hover>a{
	background-color:#00aaff;border-color:#424542;border-style:solid;font:14px Trebuchet MS,sans-serif;color:#000;text-decoration:none;background-image:url("mainbk.png");background-position:0 100%;}
ul#css3menu img{
	border:none;vertical-align:middle;margin-right:20px;width:16px;height:16px;}
ul#css3menu ul img{
	width:16px;height:16px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu span{
	display:block;overflow:visible;background-image:url("arrowsub.png");background-position:right center;background-repeat:no-repeat;padding-right:24px;}
ul#css3menu li.topfirst>a{
	border-width:0;}

Помогите вклеить меню

dimentiy89

Постоялец