0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 4518 Просмотров
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
Всем, добрый вечер! Установил левое меню! Там у меня несколько категорий выводятся, вставил разделитель между меню, НО ОН НЕ ОТОБРАЖАЕТСЯ!
В исходном коде я вижу его <span class="separator"><span>Технические газы</span>, я предполагаю, что мне нужно в главном CSS задать стиль этому классу, НО как не знаю! Подскажите, буду очень признателен! Всем за ранее благодарен!
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Код: css
.separator {тут нужные стили}
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
прописываю
.separator {
border:1px solid black;
font-weight:bold;
padding:5px;
}

Изменений не происходит(( Почему так?
*

neut ral

  • Захожу иногда
  • 252
  • 27 / 0
<span class="separator"><span>Технические газы</span>
а еще один </span> ?
и лучше приведите более полный код (во что вложены эти спаны) или еще лучше если есть ссылка на сайт...
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
Ссылки нет! Не залил еще разрабатываю!
ВОТ ПОЛНЫЙ КОД СТРАНИЦЫ
Код
<!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="ru-ru" lang="ru-ru">

<head>
<script type="text/javascript">
var siteurl='/mbm/';
var tmplurl='/mbm/templates/joo-fraemwork/';
var isRTL = false;
</script>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Гелий" />

  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Гелий</title>
  <link rel="stylesheet" href="/mbm/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/templates/system/css/general.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/plugins/system/jat3/base-themes/default/css/addons.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/plugins/system/jat3/base-themes/default/css/layout.css" type="text/css" />

  <link rel="stylesheet" href="/mbm/plugins/system/jat3/base-themes/default/css/template.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/plugins/system/jat3/base-themes/default/css/usertools.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/plugins/system/jat3/base-themes/default/css/css3.css" type="text/css" />
  <link rel="stylesheet" href="/mbm/templates/joo-fraemwork/css/template.css" type="text/css" />
  <script type="text/javascript" src="/mbm/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/mbm/plugins/system/jat3/base-themes/default/js/core.js"></script>
  <script type="text/javascript" src="/mbm/media/system/js/caption.js"></script>




<link href="/mbm/plugins/system/jat3/base-themes/default/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />


<!--[if IE 7.0]>
<style>
.clearfix { display: inline-block; } /* IE7xhtml*/
</style>
<![endif]-->

<style type="text/css">


/*dynamic css*/
body.bd .main {width: 100%;}
body.bd #joo-wrapper {min-width: 100%;}
</style></head>

<body id="bd" class="bd  fs3 com_content">
<div id="cont">
<div class="joo-back">


  <div class="joo-back-left"></div>
  <div class="joo-back-right"></div>
  <div class="joo-back-bottom">
      <div class="joo-back-bottom-left"></div>
      <div class="joo-back-bottom-right"></div>
  </div>


</div>
<div id="joo-wrapper">

<div id="outer">

<div id="page">


  <div id="header">
<div id="joo-header" class="wrap ">


<div class="main">



<div class="main-inner1 clearfix">

<div id="main_switcher">
  <div class="search_form">


<form action="index.php"  method="post" class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" class="inputbox" type="text" size="20" value="поиск..."  onblur="if(this.value=='') this.value='поиск...';" onfocus="if(this.value=='поиск...') this.value='';" /><input type="submit" value="Найти" class="button"/> <input type="hidden" name="option" value="com_search" />
<input type="hidden" name="task"   value="search" />
</form>

  </div>
  <div class="sitemap">
<ul class="menu" />
  </div>


</div>



<h1 class="logo">
<a href="/mbm/index.php" title="МБМ ГРУПП"><span>МБМ ГРУПП</span></a>
</h1>
   
    <div id="main_navigation">
<ul class="menu"><li class="item4"><a href="#"><span>О компании</span></a></li><li id="current" class="active item7"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=16&amp;Itemid=7"><span>Продукция</span></a></li><li class="item14"><a href="#"><span>Контакты</span></a></li><li class="item6"><a href="#"><span>Стратегия</span></a></li><li class="item8"><a href="#"><span>Закупки</span></a></li><li class="item13"><a href="#"><span>Карьера</span></a></li></ul>

    </div>
   

</div>



</div>


</div>  </div>
  <div id="content">
 
 
 
<!-- MAIN CONTAINER -->
<div id="joo-container" class="wrap joo-l1">


<div class="main clearfix">



<div id="joo-mainbody" style="width:100%">
<!-- CONTENT -->
<div id="joo-main" style="width:80%">
<div class="inner clearfix">



<div id="joo-contentwrap" class="clearfix ">
<div id="joo-content" class="column" style="width:100%">
<div id="joo-current-content" class="column" style="width:100%">

<div id="joo-content-main" class="joo-content-main clearfix">


<div class="item-page articlin">






<div class="article-content">
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px 10px;">
<h1>Гелий</h1>
<p class="j">При исследовании атмосферы Солнца в период затмения 1868 г. ученые обнаружили в спектре солнечной короны новую ярко-желтую линию. Это была визитная карточка нового элемента, не известного на Земле. Его назвали ГЕЛИЕМ (от греческого слова ГЕЛИОС — СОЛНЦЕ). Только через 27 лет гелий был обнаружен в минералах и горных породах, содержащих уран.</p>
<p class="j">Первым применением гелия в 1915 году стало военное воздухоплавание. С помощью дирижаблей, наполненных гелием, немцы начали бомбить Лондон. Вскоре легкий, но негорючий гелий оказался незаменимым наполнителем мирных воздухоплавательных аппаратов взамен горючего водорода.</p>

<p class="j">Подъемная сила гелия всего на 8% меньше, чем водорода. При этом гелий медленнее утекает через оболочку. В годы войны американцами было изготовлено более 150 патрульных дирижаблей. Они могли длительное время находиться в полете при любой погоде, расходуя по сравнению с самолетом всего 5% топлива.</p>
<p class="j">Основными источниками получения гелия является природный и нефтяной газы, в которых содержится 0,2...2% He. Концентрация He в атмосфере на несколько порядков ниже ниже — всего 0,00052%.</p>
<p class="j">ООО «МБМ ГРУПП» — одна из немногих фирм в мире, производящих гелий из атмосферного воздуха. По этой причине наш продукт имеет минимально возможную долю примесей углеводородов (&lt;0,1ppm).</p>
<p class="j"><strong>Области применения He:</strong></p>
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center"><img src="/mbm/images/stories/ingas_helium_2.jpg" height="121" width="150" /></td>
<td align="center"><img src="/mbm/images/stories/ingas_helium_1.jpg" height="121" width="150" /></td>
<td align="center"><strong>ГЕЛИЙ</strong></td>
<td align="center"><img src="/mbm/images/stories/ingas_helium_3.jpg" height="121" width="231" /></td>

</tr>
<tr>
<td colspan="4" class="j" style="padding: 20px;">Воздухоплавание (дирижаблестроение); криогенная техника (создание сверхнизких температур и условий для обеспечения работы сверхпроводящих устройств); различные технологические процессы (создание защитной среды, газовый анализ и поиск утечек); радиоэлектроника (сканирующие электронные микроскопы); лазерная техника; медицина, подводное плавание и космическая техника (дыхательные газовые смеси), реклама.</td>
</tr>
</tbody>
</table>
<br />
<p align="center"><strong>Качество гелия, производимого фирмой «МБМ ГРУПП»:</strong></p>
<div align="center">
<div align="center">
<table style="width: 70%;" bgcolor="#a1a1a1" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table class="slovo" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">

<tbody>
<tr bgcolor="#fff0d5">
<td style="text-align: left; font-weight: bold;">Helium</td>
<td style="text-align: center; font-weight: bold;" nowrap="nowrap">He</td>
<td style="text-align: center; font-weight: bold;" nowrap="nowrap">%</td>
<td style="text-align: center; font-weight: bold;" nowrap="nowrap">99,999</td>
</tr>
<tr style="text-align: center;" bgcolor="#ffeceb">
<td style="text-align: left;">Hydrogen</td>
<td>H<sub>2</sub></td>

<td>ppm</td>
<td>0,2</td>
</tr>
<tr style="text-align: center;" bgcolor="#ccffcc">
<td style="text-align: left;">Neon</td>
<td>Ne</td>
<td>ppm</td>
<td>5,0</td>
</tr>
<tr style="text-align: center;" bgcolor="#e1ecff">
<td style="text-align: left;">Nitrogen</td>

<td>N<sub>2</sub></td>
<td>ppm</td>
<td>0,5</td>
</tr>
<tr style="text-align: center;" bgcolor="#e1fff9">
<td style="text-align: left;">Oxygen</td>
<td>O<sub>2</sub></td>
<td>ppm</td>
<td>0,5</td>

</tr>
<tr style="text-align: center;" bgcolor="#eae9f7">
<td style="text-align: left;">Argon</td>
<td>Ar</td>
<td>ppm</td>
<td>0,1</td>
</tr>
<tr style="text-align: center;" bgcolor="#ebfbf1">
<td style="text-align: left;">Carbon oxides</td>
<td>CO+CO<sub>2</sub></td>

<td>ppm</td>
<td>0,2</td>
</tr>
<tr style="text-align: center;" bgcolor="#ffeceb">
<td style="text-align: left;">Hydrocarbons</td>
<td>C<sub>n</sub>H<sub>m</sub></td>
<td>ppm</td>
<td>0,1</td>

</tr>
<tr style="text-align: center;" bgcolor="#e9ffe1">
<td style="text-align: left;">Moisture</td>
<td>H<sub>2</sub>O</td>
<td>ppm</td>
<td>0,5</td>
</tr>
</tbody>
</table>
</td>
</tr>

</tbody>
</table>
</div>
<br />
<p align="center"><strong>ЖИДКИЙ ГЕЛИЙ</strong></p>
<p class="j">Доставка гелия в жидком виде предпочтительней, так как при этом в десятки раз уменьшается масса перевозимой тары. Жидкий гелий является «рекордсменом» по температуре кипения (-269°С) и практически не содержит примесей других компонентов.</p>
<p class="j">Фирма «МБМ ГРУПП» поставляет сжиженный гелий высокой чистоты (99,999%) в сосудах дьюара ёмкостью 250, 400 и 500 литров.</p>
</div>
</td>
</tr>
</tbody>
</table>

</div>



</div>
</div>

</div>

</div>


</div>

</div>
</div>

<!-- //CONTENT -->
<!-- LEFT COLUMN-->
<div id="joo-left" class="column sidebar" style="width:20%">

<div class="joo-colswrap clearfix joo-l1">
<div id="joo-left1" class="joo-col  column" style="width:100%">
<div class="joo-moduletable moduletable  clearfix" id="Mod34">
<div class="joo-box-ct clearfix">
<ul class="menu"><li class="parent item39"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=16&amp;Itemid=39"><span>Инертные газы</span></a></li><li class="item44"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=21&amp;Itemid=44"><span>Изотопы неона</span></a></li><li class="item45"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=45"><span>Галогены</span></a></li><li class="parent item46"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=46"><span>Газовые смеси</span></a></li><li class="parent item49"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=26&amp;Itemid=49"><span>Специальные смеси на основе кислорода и инертных газов</span></a></li></ul> </div>

    </div>
<div class="joo-moduletable moduletable  clearfix" id="Mod36">
<div class="joo-box-ct clearfix">
<ul class="menu"><li class="item54"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=28&amp;Itemid=54"><span>Пропан</span></a></li><li class="item55"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=29&amp;Itemid=55"><span>Пропилен</span></a></li><li class="item56"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=30&amp;Itemid=56"><span>Изобутан</span></a></li></ul> </div>
    </div>
<div class="joo-moduletable moduletable  clearfix" id="Mod37">
<div class="joo-box-ct clearfix">

<ul class="menu"><li class="item57"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=33&amp;Itemid=57"><span>Полиэтилен в гранулах</span></a></li><li class="item58"><a href="/mbm/index.php?option=com_content&amp;view=article&amp;id=32&amp;Itemid=58"><span>Полиэтилен Шуртанского ГКХ</span></a></li></ul> </div>
    </div>

</div>

</div>
</div>
<!-- //LEFT COLUMN-->

</div>



</div>



</div>
<!-- //MAIN CONTAINER -->
      </div>
    </div>

</div>

    <div id="push"></div>

</div>
<div id="footer">
  <div class="footer_content">

<div id="joo-footer" class="wrap ">


<div class="main clearfix">


<br />


<div id="copyright">
<p>©&nbsp;2003–2011 ООО "MBM GROUP"</p>
<p><a href="#">Контактная информация</a></p>
</div>




</div>



</div>   </div>
</div>

</div>
</body>

</html>
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
А ВОТ CSS ФАЙЛ

Код
/* COMMON STYLE
--------------------------------------------------------- */
body {
color: #333;
font-family: Helvetica, Arial, sans-serif;
}

body#bd { background: #fff; color: #000;line-height: 1.4; }

/* Normal links ---*/
a { color: #069; text-decoration: underline; }
a:hover, a:focus {
   
}
a:hover, a:active, a:focus { text-decoration: none;color: #00ADEF; }

/* Readon links ---*/
a.readon { text-transform: uppercase; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
}

h1.componentheading, .componentheading {
font-weight: normal;
}

h2.contentheading, .contentheading {
font-weight: normal;
}

.contentheading { font-size: 200%; }

.blog-featured .contentheading { font-size: 150%; }

.jitem-title { font-size: 110%; font-weight: bold; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
}

.inputbox { border: 1px solid #ccc; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc;}

/* Joomla STYLE
--------------------------------------------------------- */

/* Meta ---*/
dl.article-info { color: #999; text-transform: uppercase; }

.contentdescription { border-bottom: 1px solid #ccc; }

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

/* Tables ---*/
thead tr th {
background: #333;
color: #fff;
padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
}

/* Poll */
form#poll {
border-bottom: 1px dotted #ccc;
font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination ---*/
.pagination li span,
.pagination li strong { line-height: 20px; }

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

/* MODULE STYLES
--------------------------------------------------------- */
div.joo-moduletable h3, div.moduletable h3 {
font-size: 100%;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
border-bottom: 1px solid #ccc;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#joo-container .main { padding: 40px 0 0; }

.main .main-inner1 { margin-left: 0; margin-right: 0; }

/* HEADER
--------------------------------------------------------- */

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image ---*/
h1.logo {
    height: 93px;
}
h1.logo {
    float: left;
    height: 85px;
    padding: 0.5em 0 0;
    width: 21%;
}
h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 175px;
height: 85px;
}

/* Logo Text ---*/
div.logo-text h1 {
font-size: 200%;
font-family: Arial, sans-serif;
font-weight: bold;
}

div.logo-text h1 a {
text-decoration: none;
}

p.site-slogan {
color: #ccc;
display: block;
font-size: 85%;
margin: 3px 0 0;
padding: 0 10px;
text-transform: uppercase;
}

#joo-top-header {
margin-top:-5px;
position:absolute;
right:180px;
text-align:right;
width:50%;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#joo-mainnav .main { border-bottom: 1px solid #ccc; }

/* Breadcrumbs ---*/
#joo-navhelper .main {
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.joo-breadcrums {
text-indent: 10px;
}

/* Extras ---*/
.joo-links { padding-right: 10px; }

.joo-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#joo-container ul.menu li { border-bottom: 0; }

#joo-container ul.menu li li { border-bottom: 1px dotted #ccc; border-top: 0; }

/* SPOTLIGHT
--------------------------------------------------------- */
#joo-topsl .joo-box, #joo-botsl .joo-box {
background: url(../images/dot-1.gif) repeat-y right;
}

#joo-topsl .joo-box-right, #joo-botsl .joo-box-right {
background: 0;
}

#joo-topsl .joo-moduletable, #joo-botsl .joo-moduletable {
margin-top: 10px;
margin-bottom: 10px;
}

#joo-topsl div.joo-moduletable h3,
#joo-botsl div.joo-moduletable h3 { border-bottom: 0; padding-bottom: 0; }


/* Top spotlight ---*/
#joo-topsl .main { padding: 0; }
#joo-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #ccc; }

/* Bot spotlight ---*/
#joo-botsl .main { padding: 0; }
#joo-botsl .main-inner1 { padding: 10px 0; border-top: 1px solid #ccc; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#joo-top-panel .main-inner1 {
border: 2px dotted #e2e2b5;
padding: 5px 10px;
text-align: center;
margin-top: 15px;
background: #ffffcc;
position: relative;
}

#joo-banner { border-top: 1px solid #ccc; }

div.joo-innerdiv { border-bottom: 1px dotted #ccc; }

div.joo-innerdiv h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 92%;
font-weight: normal;
text-transform: uppercase;
}

a.joo-icon-video {
background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
border: 1px solid #ccc;
color: #666;
display: block;
font-weight: bold;
position: absolute;
padding: 5px 5px 5px 43px;
right: 10px;
top: 8px;
text-decoration: none;
width: 35px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
a.joo-icon-video span { color: #666; }

a.joo-icon-video:hover,
a.joo-icon-video:focus,
a.joo-icon-video:active { border-color: #ddd; text-decoration: none; }

a.joo-icon-video:hover span { color: #0F85D8; }

#joo-absolute .main {
position: fixed;
width: auto;
height: auto;
z-index: 99999;
top: 1px;
left: 1px;
}

#joo-absolute .main a {
width: 91px;
height: 99px;
overflow: hidden;
display: block;
background: url(../images/joomla16.png) no-repeat left top;
text-indent: -9999px;
}

#joo-absolute .main a:hover,
#joo-absolute .main a:focus {
background-position: left bottom;
}



/* BASE */

html, body {
height:100%;
}

/* BACKGROUND */

.joo-back {
    height: 100%;
    position: absolute;
    width: 100%;
}

.joo-back-left {
    background: url("../images/page_background.png") repeat-y scroll -140px top transparent;
    height: 100%;
    left: 0;
    position: absolute;
    width: 140px;
}
.joo-back-right {
    background: url("../images/page_background.png") repeat-y scroll left top transparent;
    height: 100%;
    left: -140px;
    margin-left: 100%;
    position: absolute;
    width: 140px;
}

.joo-back-bottom {
    background: url("../images/page_background_footer.png") repeat-x scroll left top transparent;
    bottom: 0;
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
}

.joo-back-bottom-left {
    background: url("../images/page_background_footer.png") repeat-x scroll left -350px transparent;
    bottom: 0;
    height: 150px;
    left: 0;
    position: absolute;
    width: 140px;
}
.joo-back-bottom-right {
    background: url("../images/page_background_footer.png") repeat-x scroll -140px -350px transparent;
    bottom: 0;
    height: 150px;
    left: -140px;
    margin-left: 100%;
    position: absolute;
    width: 140px;
}
#joo-wrapper {
min-height:100%;
height:auto  !important;
height:100%;
margin:0 auto -6em;
}
#footer, #push {
height:6em;
}
#outer, #cont {
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

#footer {
    border-top: 1px solid #A6A6A6;
    overflow: hidden;
    position: relative;
}
#footer {
    font-size: 1em;
    height: 5.9375em;
    margin-top: -6em;
    position: relative;
    z-index: 15;
}
#page {
    left: 2%;
    position: relative;
    width: 96%;
}
#header {
    position: relative;
    z-index: 16;
}


/* HEADER */

/* SEARCH AND FIRST LINE */

#main_switcher {
    font-size: 0.7em;
    left: 0;
    position: absolute;
    top: 0.8em;
    width: 100%;
    z-index: 1 !important;
}

.search_form {
    margin-top: 0;
}
.search_form, .sitemap {
    float: right;
    margin-left: 2em;
    margin-top: 3px;
}
.search_form input {
    font-size: 1em;
    vertical-align: middle;
}
#main_switcher li {float:left;     margin-left: 2em;    margin-top: 3px;}
#main_switcher a {
    color: #000000;
text-decoration: underline;
}
#main_switcher a:hover {text-decoration:none;}
form input[type=submit] {
    width: 5em;
padding:0;
}

/* MAIN NAVIGATION */

#main_navigation {
    font-size: 0.9em;
    margin: 0 0 0 21%;
    padding: 3.3em 0 0;
}
#main_navigation ul {
    left: -1em;
    line-height: 1.8;
    margin: 0 0 2em;
    position: relative;
    top: 0.35em;
    width: 97%;
}

#main_navigation li, x:-moz-any-link, x:default {
    height: auto;
}
#main_navigation li {
    display: block;
    float: left;
    margin: 0 0 0 1em;
padding:0;
}
#main_navigation li a {
    color: #363636;
    white-space: nowrap;
text-decoration:underline;
}
#main_navigation li a:hover, #main_navigation li a:focus {text-decoration: underline; color:#00ADEF; }

#main_navigation li.active {
    background-color: #007AC2;
    margin: 0 -0.5em 0 0.5em;
    padding: 0 0.5em;
}
#main_navigation li.active a {color:#DDEBF3;}

/* IMPORTANT NEWS */

#important_news {
    border-top: 3px solid #D5D5D5;
    height: 178px;
}
#important_news {
    margin-top: 1em;
}
#important_news {
    height: 180px;
    position: relative;
}
#important_news .picture {
    max-width: 2000px;
}
#important_news .picture {
    background-color: #FFFFFF;
    height: 179px;
}
#important_news .picture {
    height: 180px;
}
#important_news .picture {
    height: 179px;
    margin-left: -2%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 104%;
    z-index: 10;
}
#important_news div.container {
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}
#important_news .container {
    margin: 0;
    min-height: inherit;
    width: auto;
}
div.container {
    margin-bottom: 2em;
    position: relative;
    top: 1em;
    width: 76%;
}
important_news .picture a.mega_img_link {
    float: none;
    left: auto;
}
#important_news .picture a.mega_img_link {
    float: right;
    left: 0;
    margin: 0;
    position: static;
}
#important_news .picture a {
    color: #007AC2;
text-decoration:underline;
}
#important_news .picture a:hover {text-decoration:none;}
#important_news .picture a.mega_img_link {
    margin-left: -500px;
}
#important_news .picture a.mega_img_link {
    display: block;
    left: 50%;
    margin-left: -550px;
    position: absolute;
    z-index: 11;
}
#important_news .picture a {
    display: inline;
    position: relative;
}
#important_news .picture .mega_description {
    left: -210px;
    top: 1.3em;
    width: 32%;
}
#important_news .picture .mega_description {
    margin-left: -318px;
    padding: 0;
    top: 0;
    width: 270px;
}
#important_news .picture .mega_description {
    margin-left: -315px;
    width: 13em;
}
#important_news .picture .mega_description {
    background: none repeat scroll 0 0 transparent;
    left: 0;
    margin: 0;
    padding: 0;
    position: static;
    top: 0;
    width: 100px;
}
#important_news .picture .mega_description {
    margin-left: -387px;
    padding-bottom: 1.3em;
    top: 33px;
    width: 17em;
}
#important_news .picture .mega_description {
    font-size: 1.375em;
    left: 50%;
    margin-left: -640px;
    overflow: hidden;
    padding: 0.2em 0.5em;
    position: absolute;
    text-align: left;
    top: 23px;
    width: 18em;
    z-index: 20;
}
#important_news h1, #important_news h2 {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    position: static;
    top: 0;
    width: 100%;
}
#important_news h1, #important_news h2 {
    color: #FFFFFF;
    margin-bottom: 0.5em;
    margin-left: 0;
    padding: 0.2em 0 0.2em 0.7em;
font-weight:400;
}
#important_news h1, #important_news h2 {
    margin-left: 1em;
line-height:1.3em;
}
#important_news .picture a {
    color: #007AC2;
}
#important_news .picture a {
    display: inline;
    position: relative;
}
#joo-important_news .main {height:179px;}
#important_news .picture a.mega_img_link img {
    left: 30%;
}
#important_news .picture a.mega_img_link img {
    position: relative;
    top: auto;
}
#important_news div.container img {
    margin: 0;
}

/* INFORMSRS */

#joo-informers {
    background: none repeat scroll 0 0 #F1F1F1;
    border-top: 6px solid #D5D5D5;
    margin-left: -2.1%;
    position: relative;
    width: 104.2%;
}
#joo-informers .main {   
    margin-left: 2%;
    padding: 0.6em 0;
    width: 98%;
}
#joo-projects {
    background: url("../images/projects_map_bg.jpg") repeat scroll center top #F6F6F6;
    border-color: #D5D5D5;
    border-style: solid;
    border-width: 3px 0;
    height: 2em;
    margin-left: -2.1%;
    overflow: hidden;
    position: relative;
    width: 104.2%;
}
#joo-projects .proj_container {
    font-size: 0.825em;
    font-weight: bold;
    height: 2em;
    line-height: 1.9;
    margin-left: 2%;
    margin-top: 0.3em;
    width: 98%;
}
#joo-projects .world {
    float: left;
    margin-right: 2em;
}
#joo-projects a {
    font-weight: normal;
    margin: 0 2em;
}
#joo-projects .world a {
    font-weight: 700;
    margin: 0;
}


/* FRONT */

.date {
    float: left;
    font-size: 0.8em;
    position: relative;
    width: 11%;
padding-top:10px;
}
.date span {
    position: relative;
    top: 0.3em;
}
.news_content {
    margin: 0 0 0 11%;
    padding-left: 100px;
    position: relative;
}
.news_content h2 {
    font-size: 1em;
    font-weight: normal ;
}
.article-content  img {border: 0 none;}
.article-content  img:{border: 0 none;}


/* FOOTER */

.footer_content {
    color: #636363;
    font-size: 0.7em;
    left: 2%;
    padding: 0.95em 0 0;
    position: relative;
    width: 96%;
}

/* AVTOR */

#miller_column {
    position: relative;
margin-top: 70px;
}
.miller_head {
    background-color: #007AC2;
    padding: 0.5em 0.5em 0.5em 1em;
    position: relative;
}
.miller_head img.miller {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}
.miller_head a {
    color: white;
    display: block;
    font-family: Georgia,serif;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    padding-left: 115px;
    position: relative;
    z-index: 20;
}

.miller_cite {
    background-color: #F1F1F1;
}


.blockComment, .blockComment2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    padding: 0.5em;
    position: relative;
    width: 75%;
}
.blockCommentBlue, .blockComment2Blue {
    border-color: #007AC2;
}

#miller_column .blockComment, .miller_cite .blockComment {
    border-right-width: 0;
}
#miller_column .blockComment, .miller_cite .blockComment {
    border-right-width: 0;
}

#analiticComments .blockComment, .miller_cite .blockComment {
    margin-left: 0;
    padding: 0.5em 0 0.8em;
    width: 100%;
}

.blockComment .arrow, .blockComment2 .arrow {
    height: 30px;
    left: 50px;
    position: absolute;
    top: -30px;
    width: 30px;
    z-index: 10;
}
.blockComment .arrow, .blockCommentOrangeDown .arrow, .blockComment2 .arrow {
    background: url("../images/icons_24.png") no-repeat scroll 0 0 transparent;
}

.blockCommentBlue .arrow {
    background-position: 0 -141px;
    height: 22px;
    left: 90px;
    top: -22px;
    width: 21px;
}
#analiticComments .blockComment p, .miller_cite .blockComment p {
    margin: 0 1em;
}
.blockComment p {
    margin-right: 1em;
}
.miller_cite a {
    display: block;
text-decoration:underline;
font-size: 140%;
}
.miller_cite a:hover {
text-decoration: none;
}

.miller_bg {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}
.miller_bg .bg_stripe {
    background: url("../images/miller_bg.png") repeat-x scroll left top transparent;
    height: 15px;
    left: 200px;
    position: absolute;
    width: 100%;
}
.miller_bg .corner {
    background: url("../images/miller_bg_corner.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    position: absolute;
    width: 200px;
}



/* RIGHT */

#joo-right {right: -2.1%;position: relative;}

#joo-right .joo-moduletable {margin-left:0 !important; margin-right:0 !important;}


/* ANONSI */

.right_announces {
    margin-right: 20px;
    margin-top: 40px;
}
.right_announces div {
    height: 4em;
}
.right_announces a {
    text-decoration: none;
}
.right_announces a img {
    z-index: -1;
}
.right_announces a span {
    display: block;
    margin: -27px 0 0 45px;
    text-decoration: underline;
}
.right_announces .rostrum {
    height: 4.3em;
}
.right_announces .rostrum span {
    margin-top: -34px;
}
.right_announces .piechart span {
    margin-top: -41px;
}
.right_announces .marker img {
    margin: 0 0 0 -14px;
    position: relative;
}
.right_announces .marker span {
    margin: -30px 0 0 48px;
}

#joo-right .joo-moduletable h3 {
    color: #666666;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 0.3em;
border:0;
text-transform:none;
}
#joo-right .joo-box-ct { color: #828282;
    font-size: 0.75em;
    line-height: 1.5;}
#joo-right .moduletable-padding {padding-right:25px;}


/* ARTICLE */
h1.articlin {
    font-size: 2.375em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.625em;
    margin-bottom: 0.8em;
    margin-top: 1em;
}
h1, h2, h3 {
    line-height: 1.2;
}
h1, h2 {
    font-weight: normal;
}
.articlin p {
font-size: 0.875em;
}
.articlin em {
    color: #336699;
    display: block;
    font-size: 1em;
    line-height: 1.7;
    margin: 1em 25% 1em 5%;
}
.articlin ul li {
    font-size: 0.875em;
}
.articlin ul li {
    line-height: 1.7;
    margin: 0 0 0.8em;
background:none;
}
.articlin ul > li {
    text-indent: -1.3em;
}

.articlin ul > li:before {
    color: #FF8846;
    content: "— ";
}
#joo-container ul.menu li a  {padding:0;  font-size: 0.825em;}
#joo-container ul.menu li a:hover {text-decoration: underline;}
#joo-container ul.menu li {    line-height: 1.4;
    margin: 0 0 0.7em;
    position: relative;
border:none;}

/* COMMENTS */

.moduletable-comment .mhead {   
    background-color: #007AC2;
    padding: 0.5em 0.5em 0.5em 1em;
    position: relative;
}
.moduletable-comment .mhead h3 {
    font-size: 1em !important;
    font-style: italic;
margin-bottom:0 !important;
color: #FFFFFF !important;
    font-family: Georgia,serif;
font-weight:700 !important;
padding:0 !important;
}
.miller_cite .blockComment {
    margin-left: 0;
    padding: 0.5em 0 0.8em;
    width: 100%;
    margin-bottom: 0.5em;
    border-right-width: 0;
}
.blockCommentOrangeDown .arrow {
    background-position: -24px -165px;
    bottom: -18px;
    height: 18px;
    left: 15px !important;
    top: auto;
    width: 15px;
}
.miller_cite .blockComment p {
    margin: 0 1em;
    font-size: 0.8em;
}
.miller_cite a {
    display: inline;
}
.miller_cite .personComment {
    padding-bottom: 1em;
    width: 100%;
}
.miller_cite .personComment .description {
    margin-left: 36px;
    color: #898989 !important;
    display: block;
}
.miller_cite  .personComment .description strong {
    color: #636363;
}

.simpleBlock {
padding: 0.5em 0.5em 0.5em 1em;
}
h3.simpleBlocks {
    font-size: 1.1em;
    font-weight: bold;
}
.blockCommentOrange, .blockCommentOrangeDown, .blockComment2Orange {
    border-color: #FF8846;
}
#analiticComments {
    position: relative;
}
.slovo td {border:2px solid #0079c6;}
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
Шаблон - полная копия www.gazprom.ru, не знаю, может это поможет?! БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЕСЛИ ПОМОЖЕТЕ
*

neut ral

  • Захожу иногда
  • 252
  • 27 / 0
а где в коде separator ?
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
Друзья всем спасибо! Кто интересуется подобными вопросами юзайте FireBug!

Решение моей проблемы:
в таблице стилей нужно было писать НЕ .separator { значения }
А span.separator { значения }
*

Snakerator

  • Захожу иногда
  • 136
  • 3 / 0
  • Кто не рискует, тот не пьет...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 6394
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2072
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 2998
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21285
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2287
Последний ответ 01.03.2019, 11:12:18
от vasmed