dimentiy89
Постоялец
- Регистрация
- 19 Дек 2009
- Сообщения
- 64
- Реакции
- 5
- Автор темы
- #1
проблема такая:
есть хтмл+цсс верикальное меню, его нужно вклеить в шаблон дле.
вставляю в мейн.тпл:
получается вот так:
но оно появляется вверху страницы а не в нужном месте.
цсс:
есть хтмл+цсс верикальное меню, его нужно вклеить в шаблон дле.
вставляю в мейн.тпл:
Код:
<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;}