Помогите с CSS

Тема в разделе "Верстка", создана пользователем zloy_admin, 2 сен 2011.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. zloy_admin

    zloy_admin Разработчик

    Заблокирован
    Регистр.:
    15 авг 2011
    Сообщения:
    184
    Симпатии:
    27
    Помогите сделать чтоб выпадающее меню было поверх страницы

    вот сам код
    PHP:
    .anyclass {
    positionrelative;
    z-index1;
    }
    #menu {
        
    list-style:none;
        
    width:100%;
        
    margin:30px auto 0px auto;
        
    height:43px;
        
    padding:0px 20px 0px 20px;
        -
    moz-border-radius10px;
        -
    webkit-border-radius10px;
        
    border-radius10px;
        
    background#014464;
        
    background: -moz-linear-gradient(top#0272a7, #013953);
        
    background: -webkit-gradient(linear00%, 0100%, from(#0272a7), to(#013953));
        
    border1px solid #002232;
        
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
        
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
        
    box-shadow:inset 0px 0px 1px #edf9ff;
    }
    #menu li {
        
    float:left;
        
    display:block;
        
    text-align:center;
        
    position:relative;
        
    padding4px 10px 4px 10px;
        
    margin-right:30px;
        
    margin-top:7px;
        
    border:none;
    }
    #menu li:hover {
        
    border1px solid #777777;
        
    padding4px 9px 4px 9px;
        
    background#F4F4F4;
        
    background: -moz-linear-gradient(top#F4F4F4, #EEEEEE);
        
    background: -webkit-gradient(linear00%, 0100%, from(#F4F4F4), to(#EEEEEE));
        
    -moz-border-radius5px 5px 0px 0px;
        -
    webkit-border-radius5px 5px 0px 0px;
        
    border-radius5px 5px 0px 0px;
    }
    #menu li a {
        
    font-family:ArialHelveticasans-serif;
        
    font-size:14px
        
    color#EEEEEE;
        
    display:block;
        
    outline:0;
        
    text-decoration:none;
        
    text-shadow1px 1px 1px #000;
    }
    #menu li:hover a {
        
    color:#161616;
        
    text-shadow1px 1px 1px #ffffff;
    }
    #menu li .drop {
        
    padding-right:21px;
        
    background:url("../images/img/drop.png"no-repeat right 8px;
    }
    #menu li:hover .drop {
        
    background:url("../images/img/drop.png"no-repeat right 7px;
    }
    .
    dropdown_1column
    .
    dropdown_2columns
    .
    dropdown_3columns
    .
    dropdown_4columns,
    .
    dropdown_5columns {
        
    margin:4px auto;
        
    float:left;
        
    position:absolute;
        
    left:-999em
        
    text-align:left;
        
    padding:10px 5px 10px 5px;
        
    border:1px solid #777777;
        
    border-top:none;
        
    background:url(../images/newsline.jpg);
        
    backgroundurl(../images/newsline.jpg);
        
    backgroundurl(../images/newsline.jpg);
        -
    moz-border-radius0px 5px 5px 5px;
        -
    webkit-border-radius0px 5px 5px 5px;
        
    border-radius0px 5px 5px 5px;
    }
    .
    dropdown_1column {width140px;}
    .
    dropdown_2columns {width280px;}
    .
    dropdown_3columns {width420px;}
    .
    dropdown_4columns {width560px;}
    .
    dropdown_5columns {width700px;}
    #menu li:hover .dropdown_1column, 
    #menu li:hover .dropdown_2columns, 
    #menu li:hover .dropdown_3columns,
    #menu li:hover .dropdown_4columns,
    #menu li:hover .dropdown_5columns {
        
    left:-1px;
        
    top:auto;
    }
    .
    col_1,
    .
    col_2,
    .
    col_3,
    .
    col_4,
    .
    col_5 {
        
    display:inline;
        
    floatleft;
        
    positionrelative;
        
    margin-left5px;
        
    margin-right5px;
    }
    .
    col_1 {width:130px;}
    .
    col_2 {width:270px;}
    .
    col_3 {width:410px;}
    .
    col_4 {width:550px;}
    .
    col_5 {width:690px;}
    #menu .menu_right {
        
    float:right;
        
    margin-right:0px;
    }
    #menu li .align_right {
        
    -moz-border-radius5px 0px 5px 5px;
        -
    webkit-border-radius5px 0px 5px 5px;
        
    border-radius5px 0px 5px 5px;
    }
    #menu li:hover .align_right {
        
    left:auto;
        
    right:-1px;
        
    top:auto;
    }
    #menu p, #menu h2, #menu h3, #menu ul li {
        
    font-family:ArialHelveticasans-serif;
        
    line-height:21px;
        
    font-size:12px;
        
    text-align:left;
        
    text-shadow1px 1px 1px #FFFFFF;
    }
    #menu h2 {
        
    font-size:21px;
        
    font-weight:400;
        
    letter-spacing:-1px;
        
    margin:7px 0 14px 0;
        
    padding-bottom:14px;
        
    border-bottom:1px solid #666666;
    }
    #menu h3 {
        
    font-size:14px;
        
    margin:7px 0 14px 0;
        
    padding-bottom:7px;
        
    border-bottom:1px solid #888888;
    }
    #menu p {
        
    line-height:18px;
        
    margin:0 0 10px 0;
    }
    #menu li:hover div a {
        
    font-size:12px;
        
    color:#015b86;
    }
    #menu li:hover div a:hover {
        
    color:#029feb;
    }
    .
    strong {
        
    font-weight:bold;
    }
    .
    italic {
        
    font-style:italic;
    }
    .
    imgshadow 
        
    background:#FFFFFF;
        
    padding:4px;
        
    border:1px solid #777777;
        
    margin-top:5px;
        -
    moz-box-shadow:0px 0px 5px #666666;
        
    -webkit-box-shadow:0px 0px 5px #666666;
        
    box-shadow:0px 0px 5px #666666;
    }
    .
    img_left 
        
    width:auto;
        
    float:left;
        
    margin:5px 15px 5px 5px;
    }
    #menu li .black_box {
        
    background-color:#333333;
        
    color#eeeeee;
        
    text-shadow1px 1px 1px #000;
        
    padding:4px 6px 4px 6px;
        -
    moz-border-radius5px;
        -
    webkit-border-radius5px;
        
    border-radius5px;
        -
    webkit-box-shadow:inset 0 0 3px #000000;
        
    -moz-box-shadow:inset 0 0 3px #000000;
        
    box-shadow:inset 0 0 3px #000000;
    }
    #menu li ul {
        
    list-style:none;
        
    padding:0;
        
    margin:0 0 12px 0;
    }
    #menu li ul li {
        
    font-size:12px;
        
    line-height:24px;
        
    position:relative;
        
    text-shadow1px 1px 1px #ffffff;
        
    padding:0;
        
    margin:0;
        
    float:none;
        
    text-align:left;
        
    width:130px;
    }
    #menu li ul li:hover {
        
    background:none;
        
    border:none;
        
    padding:0;
        
    margin:0;
    }
    #menu li .greybox li {
        
    background:#F4F4F4;
        
    border:1px solid #bbbbbb;
        
    margin:0px 0px 4px 0px;
        
    padding:4px 6px 4px 6px;
        
    width:116px;
        -
    moz-border-radius5px;
        -
    webkit-border-radius5px;
        -
    khtml-border-radius5px;
        
    border-radius5px;
    }
    #menu li .greybox li:hover {
        
    background:#ffffff;
        
    border:1px solid #aaaaaa;
        
    padding:4px 6px 4px 6px;
        
    margin:0px 0px 4px 0px;
    }
    , вот демо как сейчас
    [​IMG]
    Заранее благодарю!
     

    Вложения:

    • demo.png
      demo.png
      Размер файла:
      71,1 КБ
      Просмотров:
      20
  2. anz

    anz Level XXL

    Регистр.:
    17 окт 2006
    Сообщения:
    936
    Симпатии:
    304
     
  3. zloy_admin

    zloy_admin Разработчик

    Заблокирован
    Регистр.:
    15 авг 2011
    Сообщения:
    184
    Симпатии:
    27
    Нет не помогло может он конфликтует с основным кодом style.css
    вот код
    PHP:
    * {
        
    margin0;
        
    padding0;
    }
    html {
        
    height100%;
    }
    body {
        
    font12px/18px TahomaArialVerdanasans-serif;
        
    width100%;
        
    height100%;
    }
    {
        
    color#3baee6;
        
    outlinenone;
        
    text-decorationunderline;
    }
    a:hover {
        
    text-decorationnone;
    }
    *:
    focus {
          
    outlinenone;
    }
    {
        
    margin0 0 18px
    }
    img {
        
    bordernone;
    }
    input {
        
    vertical-alignmiddle;
    }
    #wrapper {
        
    width100%;
        
    margin0 auto;
        
    min-height100%;
        
    heightauto !important;
        
    height100%;
    }
    #wrapper-content {
        
    width99%;
        
    margin0 auto;
        
    min-height100%;
        
    heightauto !important;
        
    height100%;
    }

    /* Header
    -----------------------------------------------------------------------------*/
    #header {
        
    width:100%;
        
    height130px;
        
    background-image:url(../images/header_bg.jpg);
        
    background-repeat:repeat-x;
    }
    #header-center {
        
    width:0 auto;
        
    margin0 auto;
    }
    /* Logo
    -----------------------------------------------------------------------------*/
    .logo {
        
    width:292px;
        
    height:130px;
        
    float:left;
        
    background-image:url(../images/logo.png);
        
    background-repeat:no-repeat;
    }
    .
    logo-info {
        
    color:#81a227;
        
    font-size:12px;
        
    padding:81px 0 0 52px;
    }
    /* Weather
    -----------------------------------------------------------------------------*/
    .weather {
        
    width:223px;
        
    height:130px;
        
    float:left;
          
    font-size:10px;
        
    background-image:url(../images/weather_bg.jpg);
        
    background-repeat:no-repeat;
    }
    .
    stat {width:290px;}
    .
    tims {padding:2px 0 0 10px;line-height12px;color#fff;}
    .grey999 {color#fff;}
    .orange {color:#fff;}
    .brown {color#fff;}
    .t90 {font-size90%; font10px/1 ArialTahomamargin-top4px;}
    .
    t95 {font-size95%; font10px/1 ArialTahomamargin-top4px;}
    .
    t91 {font-size95%; font10px/1 ArialTahomamargin-top6px;color:#fff;}
    .mt10 {margin-top10px;}
    .
    mr10 {margin-right10pxfont28px/1 ArialTahoma;floatleft;padding-right6px; }
    .
    s_green {color:#fff;}
    pre {font-size12px;font-familyVerdanaArialHelveticasans-serif;scrollbar-face-color:#658CBB;border-collapse:collapse;}

    /* Top Banner (468x60)
    -----------------------------------------------------------------------------*/
    .banner {
        
    width:469px;
        
    height:60px;
        
    float:left;
        
    margin:10px 0 0 10px;
        
    background-image:url(../images/banner468_2.jpg);
        
    background-repeat:no-repeat;
    }
    /* Search
    -----------------------------------------------------------------------------*/
    .searchs {
        
    width:469px;
        
    height:27px;
        
    float:right;
        
    margin:7px 0 0 10px;
        
    background-image:url(../images/search_bg.png);
    }
    .
    search-text a {
        
    color:#FFF;
        
    font-size:12px;
        
    float:right;
        
    padding:2px 0 0 12px;
    }
    #searchs input {
      
    floatleft;
    }

    .
    search_field {
        
    margin:3px 0 0 6px;
          
    bordermedium none;
          
    height21px;
          
    width376px;
          
    color:#ccc;
    }
    .
    search_field2 {
        
    margin:2px 0 0 0;
    }
    /* Top Menu / Dop Menu
    -----------------------------------------------------------------------------*/
    #topmenu {
        
    height:33px;
        
    background-image:url(../images/topmenu_bg.png);
        
    background-repeat:repeat-x;
    }
    #menu_it {
        
    width:1000px;
        
    font-size:12px;
        
    height:2.8em
        
    color#000;
        
    margin0 auto;
    }
    #menu_it a {
        
    letter-spacing:0.02em;
        
    display:block
        
    float:left
        
    color#3b637d;
        
    padding4px 10px
        
    margin-right2px;
        
    text-decoration:none;
    }
    #menu_it a:hover {
        
    color#3b637d;    
        
    background-color#b9eaff;
    }
    #dopmenu {
        
    width:1000px;
        
    margin0 auto;
        
    color:#81a227;
        
    padding:4px 3px 4px 6px;;
    }
    #dopmenu a{
        
    color:#0b70b0;
        
    padding-left:5px;
        
    text-decoration:none;
    }
    #dopmenu a:hover{
        
    text-decoration:underline;
    }
    #dopmenu img{
        
    margin-bottom:-3px;
        
    padding-left:15px;
    }
    /* Middle / News / Pop news
    -----------------------------------------------------------------------------*/
    #middle {
        
    width100%;
        
    padding0 0 100px;
        
    height1%;
        
    positionrelative;
    }
    #middle:after {
        
    content'.';
        
    displayblock;
        
    clearboth;
        
    visibilityhidden;
        
    height0;
    }
    #container {
        
    width100%;
        
    floatleft;
        
    overflowhidden;
    }
    #content {
        
    padding0 220px 0 188px;
    }
    #content-page-stat {
        
    clear:both;
             
    width:574px;
        
    color:#373737;
        
    margin0 auto;
          
    padding:5px 3px 0 0;
    }
    #content-page-stat h4{
          
    font-size:14px;
          
    color:#91ab29;
          
    padding:5px 0 10px 0;  
    }
    #content-page-stat p{
        
    line-height:6px;
    }
    #content-page-search {
        
    clear:both;
             
    width:574px;
        
    color:#373737;
        
    margin0 auto;
          
    padding:5px 3px 0 0;
    }
    #content-page-search h4{
          
    font-size:14px;
          
    color:#91ab29;
          
    padding:5px;  
    }
    #content-page-search input{
          
    margin:0 0 0 2px;
          
    font-size:12px;
    }
    #content-page-reg {
             
    width:574px;
        
    color:#373737;
        
    margin0 auto;
          
    padding:5px 3px 0 0;
    }
    #content-page-reg h4{
          
    font-size:14px;
          
    color:#91ab29;
          
    padding:5px;  
    }
    #content-page {
             
    width:574px;
        
    color:#373737;
        
    margin0 auto;
          
    padding:5px 3px 0 0;
    }
    #content-page p{
        
    line-height:6px;
    }
    #content-page h4{
          
    font-size:14px;
          
    color:#91ab29;
          
    padding:5px;  
    }
    #content-page h3{
          
    color:#91ab29;
          
    margin:5px 0 -12px 0;   
    }
    #content-page input{
          
    padding:5px;
    }
    #content-page-user {
             
    width:576px;
        
    color:#373737;
        
    margin0 auto;
          
    padding:5px 2px 0 1px;
    }
    #content-page-user p{
        
    line-height:6px;
    }
    #content-page-user h4{
          
    font-size:14px;
          
    color:#91ab29;
          
    padding:5px 0 5px 0;  
    }
    #content-page-user img{
          
    width:100px;
          
    height:100px;
          
    padding:0 0 10px 0;  
    }
    #content-page-user input{
          
    padding:5px;
    }
    #content-page-addnews {
        
    clear:both;
        
    width:566px;
        
    margin10px auto 0 auto;
        
    background-color:#f3f5f6;
        
    border:1px solid #e0e0e0;
          
    padding:5px 2px 5px 5px;
    }
    #content-page-addnews h3{
          
    color:#91ab29;
          
    margin:0px 0 -12px 0;   
    }
    #content-fb {
        
    clear:both;
        
    width:565px;
        
    margin0 auto;
        
    background-color:#f3f5f6;
        
    border:1px solid #e0e0e0;
          
    padding:5px;
    }
    #content-fb p{
        
    line-height:20px;
          
    margin-bottom:-1px;
          
    padding:0 0 5px 2px;
    }
    #content-pm {
        
    clear:both;
        
    width:565px;
        
    margin0 auto;
        
    background-color:#f3f5f6;
        
    border:1px solid #e0e0e0;
          
    padding:5px;
    }
    #content-pm span{
          
    font-size:13px;
        
    color:#373737;
          
    padding:0 5px 0 5px;
    }
    #content-pm p{
          
    margin:-15px 0 -20px 8px;
          
    height:60px;
    }
    #content-title {
        
    color:#91aa28;
        
    font-size:13px;
        
    text-decoration:underline;
        
    float:left;
        
    padding-top:3px;
          
    padding-left:8px;
    }
    #content span a {
        
    color:#9d9d9d;
        
    font-size:11px;
        
    text-decoration:none;
        
    float:left;
        
    padding:3px 0 0 10px;
    }
    #newsline {
        
    width:100%;
        
    height:35px;
        
    margin-top:2px;
        
    background-image:url(../images/newsline.jpg);
        
    background-repeat:repeat-x;
        
    positionrelative;
    }
    #newsline2 {
        
    width:99%;
        
    height:35px;
        
    margin-top:10px;
        
    margin-left:-24%;
        
    background-image:url(../images/newsline.png);
        
    background-repeat:no-repeat;
    }
    #newsline2 h3{
        
    color:#91ab29;
        
    font-size:14px;
        
    font-weight:normal;
        
    text-decoration:underline;
        
    margin-left:238px;
        
    padding-top:7px;
    }
    #newsline-text {
        
    width:620px;
        
    margin0 auto;
        
    padding:10px;
    }
    #newsline-text span{
        
    color:#4bb8eb;
        
    font-size:11px;
        
    position:absolute;
        
    margin-top:-2px;
          
    padding:0 10px 0 10px;
    }
    #newsline-text span a{
        
    color:#6b6b6b;
        
    padding-left:0px;
          
    padding:0 3px 0 3px;
    }
    #shortnews {
        
    float:left;
        
    font-size:11px;
        
    width:99%;
          
    height:113px;
        
    padding:4px 8px 2px 8px;
    }
    #shortnews-content{
        
    height:52px;
        
    overflowhidden;
        
    color:#656565;
        
    padding-bottom:7px;
    }
    #shortnews-content br {
          
    displaynone;
    }
    #shortnews h3 a {
        
    color:#0b70b0;
        
    font-size:13px;
        
    font-weight:normal;
    }
    #shortnews-title {
          
    width:100%;
          
    height:18px;
        
    overflowhidden;
    }
    #shortnews img {
          
    width:50px;
          
    height:50px;
        
    float:left;
        
    padding:5px 5px 0 0;
    }
    #tline {
        
    width:100%;
        
    height:1px;
        
    background-image:url(../images/tline.png);
        
    background-repeat:repeat-x;
    }
    #tline2 {
        
    width:100%;
        
    height:1px;
        
    background-image:url(../images/tline.png);
        
    background-repeat:repeat-x;
        
    margin-top:10px;
    }
    #shortinfo {
        
    color:#9a9999;
        
    padding:0px 0 4px 0;
    }
    #shortinfo li {
        
    display:inline;
        
    padding-right:10px;
    }
    #shortinfo a{
        
    color:#9a9999;
        
    text-decoration:none;
    }
    #shortinfo img {
          
    width:auto;
          
    height:auto;
        
    float:none;
        
    margin-bottom:-2px;
    }
    #fullinfo {
        
    color:#9a9999;
        
    padding:2px 0 4px 2px;
    }
    #fullinfo li {
        
    display:inline;
        
    padding-right:10px;
    }
    #fullinfo a{
        
    color:#9a9999;
        
    text-decoration:none;
    }
    #fullinfo img {
        
    float:none;
        
    margin-bottom:-2px;
    }
    #fulltags {
          
    color:#9a9999;
          
    padding:5px 0 0 2px;
    }
    #kinonews {
        
    clear:both;
        
    width:99%;
        
    margin0 auto;
        
    background-color:#f3f5f6;
        
    border:1px solid #e0e0e0;
        
    padding-right:1px;
    }
    #kinoinfo {
          
    font-size:12px;
        
    color:#62c0e9;
        
    padding:0px 5px 10px 8px;
    }
    #kinoinfo a{
        
    padding:0px 5px 0 5px;
    }
    #kinonews h4{
        
    font-size:12px;
        
    color:#91ab29;
        
    font-weight:normal;
        
    text-decoration:underline;
        
    padding:5px 5px 10px 13px;
    }
    #kinonews h3{
        
    font-size:12px;
        
    color:#62c0e9;
        
    font-weight:normal;
        
    text-decoration:underline;
        
    padding:5px 5px 10px 12px;
    }
    #kinoimg img{
        
    width:100px;
        
    height:147px;
        
    float:left;
        
    padding-left:12px;
        
    padding-bottom:13px;
        
    margin0 auto;
    }
    #kinoimg li{
          
    list-stylenone;
    }
    #kinoline {
        
    width:99%;
        
    height:2px;
        
    clear:both;
        
    background-image:url(../images/kinoline.png);
        
    background-repeat:no-repeat;
        
    padding-bottom:6px;
    }
    #kinoline2 {
        
    width:99%;
        
    height:2px;
        
    clear:both;
        
    background-image:url(../images/kinoline.png);
        
    background-repeat:no-repeat;
        
    padding-bottom:0px;
    }
    #kinopop {
        
    height:99%;
        
    font-size:11px;
        
    color:#575757;
        
    overflowhidden;
        
    margin-top:-5px;    
    }
    #kinopop br {
          
    display:none;
    }
    #kinopop h3 {
          
    padding:0 0 0 12px;
          
    margin:0;
    }
    #kinopop h3 a{
        
    font-size:12px;
        
    color:#575757;
        
    font-weight:bold;
    }
    #kinopop img {
        
    float:left;
        
    width:65px;
        
    height:84px;
        
    padding:5px 5px 0 12px;
    }
    #daynews {
        
    width:99%;
        
    color:#373737;
        
    margin0 auto;    
    }
    #daynews h4{
        
    font-size:14px;
        
    color:#91ab29;
        
    font-weight:bold;
        
    padding:5px 0 5px 7px;
    }
    #daynews h4 a{
        
    font-size:14px;
        
    color:#91ab29;
        
    font-weight:bold;
        
    padding:5px 0 5px 7px;
    }
    #daynews  img {
        
    padding3px;
        
    margin5px 10px 5px 0px;
        
    border1px solid #C1C1C1;
    }
    #fullnews {
        
    width:99%;
        
    color:#373737;
        
    margin-left:6px;
        
    margin0 auto;        
    }
    #fullnews h4{
        
    font-size:14px;
        
    color:#91ab29;
        
    font-weight:bold;
        
    padding:5px 0 10px 7px;
    }
    #fullnews h4 a{
        
    font-size:14px;
        
    color:#91ab29;
        
    font-weight:bold;
        
    padding:5px 0 5px 7px;
    }
    #fullnews  img {
        
    padding3px;
        
    margin5px 10px 5px 0px;
        
    border1px solid #C1C1C1;
    }

    #related-news {
        
    padding:5px;0b70b0
    }
    #related-news a {
        
    color:#0b70b0;
    }
    #related-news h3 {
        
    font-weight:normal;
        
    color:#91ab29;
        
    text-decoration:underline;
        
    padding-bottom:3px;
    }
    #related-news li{
        
    list-style:none;
    }
    #banner_bottom {
        
    width:468px;
        
    height:60px;
        
    margin10px auto;
        
    clear:both;
        
    background-image:url(../images/banner468_2.jpg);
        
    background-repeat:no-repeat;
    }

    /* Comments
    -----------------------------------------------------------------------------*/
    #comment-add {
        
    clear:both;
    }
    #comment {
        
    height:auto;
        
    clear:both;
    }
    #commentinfo {
        
    color:#9a9999;
        
    padding:2px 0 4px 0;
    }
    #commentinfo li {
        
    display:inline;
        
    padding-left:3px;
        
    padding-right:5px;
        
    color:#79901d;
        
    font-weight:normal;
    }
    #commentinfo a{
        
    color:#0b70b0;
        
    text-decoration:none;
    }
    #comment-ava {
        
    width:112px;
        
    height:164px;
        
    float:left;
        
    background-image:url(../images/comment-ava.png);
        
    background-repeat:no-repeat;
        
    margin-top:8px;
        
    padding-right:5px;
        
    padding-bottom:8px;
    }
    #comment-ava ul{
        
    margin:103px 0 0 5px;
    }
    #comment-ava li{
        
    color:#373737;
        
    font-size:11px;
        list-
    style:none;
        
    line-height:14px;
    }
    #comment-ava img{
        
    width:95px;
        
    height:95px;
        
    float:left;
        
    margin:1px 0 0 1px;
    }
    #comment-text{
        
    width:100%;
        
    padding-top:5px;
    }
    #comment span {
            
    font-size:11px;
          
    font-weight:normal;
    }
    #comment-mass {
          
    clear:both;
    }
    /* Sidebar Left
    -----------------------------------------------------------------------------*/
    #sideLeft {
        
    floatleft;
        
    width182px;
        
    margin-left: -100%;
        
    margin-top:-25px;
        
    positionrelative;
    }
    #sideLeft span {
        
    font-size:11px;
        
    text-decoration:underline;
        
    padding-left:35px;
    }
    #cattop {
        
    background-image:url(../images/left_blocktop.jpg);
        
    background-repeat:no-repeat;
    }
    #cattop a {
        
    color:#214b65;
    }
    #cattop ul {
        
    padding-top:10px;
    }
    #cattop ul li {
        
    display:block;
        
    padding:0 0 5px 10px;
    }
    #cattop li img {
        
    margin-bottom:-2px;
    }
    #catcenter {
        
    background-image:url(../images/left_blockcenter.jpg);
        
    background-repeat:repeat-y;
    }
    #catbottom{
        
    height:6px;
        
    background-image:url(../images/left_blockbottom.jpg);
        
    background-repeat:repeat-y;
    }
    #bestjur {
        
    height:60px;
        
    font-size:11px;
    }
    #bestjur li {
        
    line-height:18px;
        list-
    style:none;
    }
    #bestjur li a {
        
    color:#0b70b0;
    }
    #bestjur-t {
        
    width:182px;
        
    height:6px;
        
    margin-top:7px;
        
    background-image:url(../images/bestjur_t.png);
        
    background-repeat:no-repeat;
    }
    #bestjur-c {
        
    background-image:url(../images/bestjur_c.png);
        
    background-repeat:repeat-y;
    }
    #bestjur-c span {
        
    color:#555555;
        
    font-size:11px;
        
    margin-left:12px;
    }
    #bestjur-c h4 {
        
    font-size:12px;
        
    color:#92ab29;
        
    text-decoration:underline;
        
    text-align:center;
        
    padding-bottom:6px;
    }
    #bestjur-b {
        
    width:182px;
        
    height:7px;
        
    background-image:url(../images/bestjur_b.png);
        
    background-repeat:no-repeat;
    }
    #bestjur-line {
        
    width:180px;
        
    height:2px;
        
    margin0 auto;
        
    background-image:url(../images/bestjur_line.png);
        
    background-repeat:no-repeat;
    }
    #bestjur-c img {
        
    width:50px;
        
    height:50px;
        
    float:left;
        
    padding:4px 5px 0 6px;
    }
    #lbfree {
        
    font-size:12px;
        
    padding:6px 4px 0 7px;
    }
    #lbfreet {
        
    width:182px;
        
    height:6px;
        
    margin-top:7px;
        
    background-image:url(../images/lbfreet.png);
        
    background-repeat:no-repeat;
    }
    #lbfreec h4 {
        
    width:182px;
        
    font-size:12px;
        
    color:#92ab29;
        
    text-decoration:underline;
        
    text-align:center;
    }
    #lbfreec {
        
    width:183px;
        
    background-image:url(../images/lbfreec.png);
        
    background-repeat:repeat-y;
        
    margin-left:-1px;
    }
    #lbfreeb {
        
    width:182px;
        
    height:6px;
        
    background-image:url(../images/lbfreeb.png);
        
    background-repeat:no-repeat;
        
    margin-bottom:7px;
    }
    #leftbanner {
        
    padding:5px;
        
    text-align:center;
    }

    /* Sidebar Right
    -----------------------------------------------------------------------------*/
    #sideRight {
        
    floatleft;
        
    margin-right: -3px;
        
    width215px;
        
    margin-left: -215px;
        
    margin-top:-25px;
        
    positionrelative;
    }
    #sideRight span {
        
    font-size:11px;
        
    text-decoration:underline;
        
    padding-left:35px;
    }
    #loginpanel {
        
    width:215px;
        
    height:113px;
        
    background-image:url(../images/login_panel.png);
        
    background-repeat:no-repeat;
        
    padding:5px;
    }
    #loginpanel span {
        
    font-size:13px;
        
    color:#4bb8eb;
        
    margin-left:18px;
    }
    #loginpanel h5 {
        
    color:#0b70b0;
        
    font-size:11px;
        
    font-weight:normal;
        
    text-align:center;
    }
    #loginpanel img {
        
    width:50px;
        
    height:50px;
        
    float:left;
        
    margin:3px 0 0 23px;
        
    background-image:url(../images/noavatar.png);
        
    background-repeat:no-repeat;
    }
    #loginpanel li {
        
    color:#79901d;
        
    list-style:none;
        
    line-height:16px;
        
    padding-left:85px;
    }
    #loginpanel a {
        
    color:#79901d;
        
    font-size:11px;
    }
    #loginpanel-out {
        
    position:absolute;
        
    padding:51px 0 0 31px;
    }
    #loginpanel-out a {
        
    color:#249dd6;
    }
    #loginpanela {
        
    margin:-10px 0 0 -20px;
    }
    #login_autor {
        
    margin:10px 0 0 25px;
    }
    .
    log{
        
    padding0 0 0 3px;
        
    background-imageurl("../images/login_inp.png");
        
    background-repeat:no-repeat;
        
    bordermedium none;
        
    height25px;
        
    width114px;
        
    margin0 0 5px 0;
        
    floatleft;
        
    color:#333;
        
    font-size:11px;
        }
    .
    log2{
        
    padding0 0 0 3px;
        
    background-imageurl("../images/login_inp3.png");
        
    background-repeat:no-repeat;
        
    bordermedium none;
        
    height25px;
        
    width114px;
        
    margin0 0 5px 0;
        
    floatleft;
        
    color:#333;
        
    font-size:11px;
        }
    .
    log_block_1{
          
    floatleft;
          
    width117px;
        }
    .
    log_block{
          
    floatleft;
          
    margin:10px 0 0 3px;
        }
    .
    log_pass {
        
    width:170px;
        
    color:#93ad2b;
        
    margin-top:-13px;
    }


    #popnews {
        
    color:#0b70b0;
        
    width:211px;
        
    overflowhidden;
        
    padding:2px 0px 2px 1px;
    }
    #popnews-block {
        
    color:#0b70b0;
        
    width:100%;
        
    height:46px;
        
    overflowhidden;
        
    margin0 auto;
        
    background-image:url(../images/popnews-line.png);
        
    background-repeat:no-repeat;
          
    background-positioncenter bottom;
          
    padding:0 0 3px 0;
    }
    #popnews-block a {
        
    color:#0b70b0;
          
    text-decoration:none;
    }
    #popnews-t {
        
    width:213px;
        
    height:6px;
        
    background-image:url(../images/popnews-t.png);
        
    background-repeat:no-repeat;    
    }
    #popnews-c {
        
    width:213px;
        
    line-height:15px;
        
    font-size:11px;
        
    background-image:url(../images/popnews-c.png);
        
    background-repeat:repeat-y;
    }
    #popnews-b {
        
    width:213px;
        
    height:6px;
        
    background-image:url(../images/popnews-b.png);
        
    background-repeat:no-repeat;
        
    margin-bottom:7px;
    }
    #popnews-c img {
        
    width:36px;
        
    height:36px;
        
    padding:5px 4px 4px 4px;
        
    float:left;
    }
    #popnews-c h4 {
        
    color:#515151;
        
    font-size:13px;
        
    text-decoration:underline;
        
    padding-left:32px;
        
    padding-bottom:5px;
    }
    #popnews-line {
        
    width:211px;
        
    height:2px;
        
    margin0 auto;
        
    background-image:url(../images/popnews-line.png);
        
    background-repeat:no-repeat;
    }
    #vote {
        
    padding:7px 0 0 7px;
        
    color:#4c4c4c;
          
    width:200px;
    }
    .
    vote {
        
    padding:3px 0 3px 0;
    }
    #votec h4 {
        
    font-size:14px;
        
    color:#79901d;
        
    text-decoration:underline;
        
    text-align:center;
    }
    #votet {
        
    width:213px;
        
    height:5px;
        
    background-image:url(../images/golost.png);
        
    background-repeat:no-repeat;
    }
    #votec {
        
    width:214px;
        
    background-image:url(../images/golosc.png);
        
    background-repeat:repeat-y;
        
    margin-left:-1px;
    }
    #voteb {
        
    width:213px;
        
    height:5px;
        
    background-image:url(../images/golosb.png);
        
    background-repeat:no-repeat;
        
    margin-bottom:7px;
    }
    #voteline {
        
    width:211px;
        
    height:2px;
        
    margin-top:3px;
        
    margin-bottom:3px;
        
    margin-left:-5px;
        
    background-image:url(../images/golosline.png);
        
    background-repeat:no-repeat;
    }
    /*Transparent items*/
    .outtaHere {
        
    position:absolute;
        
    left:-3000px;
    }
    /*Radio buttons*/
    .radioArea, .radioAreaChecked {
        
    display:block;
        
    float:left;
        
    clear:left;
        
    width:15px;
        
    height:14px;
        
    font-size:0;
        
    cursor:pointer;
    }
    .
    radioArea {background:url(../images/radio.pngno-repeat left top;}
    .
    radioAreaChecked {background:url(../images/radio.pngno-repeat left bottom; }
    .
    form_input {
        
    height:29px;
    }
    .
    bbcodes_poll_1{
        
    float:left;
        
    height24px;
        
    width109px;
        
    margin-top:3px;
     }
    .
    bbcodes_poll_2{
        
    float:left;
        
    height24px;
        
    width90px;
        
    margin-top:3px;
     }
     
     
    #calend {
         
    padding:5px;
     }
     
    #calendt {
         
    width:213px;
         
    height:39px;
         
    background-image:url(../images/calendt.png);
         
    background-repeat:no-repeat;
     }
      
    #calendt h4{
          
    font-size:14px;
          
    color:#FFF;
          
    text-align:center;
          
    padding-top:8px;
     }
     
    #calendc {
         
    width:213px;
         
    background-image:url(../images/calendc.png);
         
    background-repeat:repeat-y;
     }
     
    #calendb {
         
    width:213px;
         
    height:7px;
         
    background-image:url(../images/calendb.png);
         
    background-repeat:no-repeat;
         
    margin-bottom:7px;
     }
    #rfree {
        
    padding:5px;
    }
    #rfreet {
        
    width:213px;
        
    height:7px;
        
    background-image:url(../images/rfreet.png);
        
    background-repeat:no-repeat;
    }
    #rfreec {
        
    width:213px;
        
    background-image:url(../images/rfreec.png);
        
    background-repeat:repeat-y;
    }
    #rfreec h4{
          
    font-size:14px;
          
    color:#79901d;
          
    text-align:center;
     }
    #rfreeb {
        
    width:213px;
        
    height:7px;
        
    background-image:url(../images/rfreeb.png);
        
    background-repeat:no-repeat;
    }
    /* Footer
    -----------------------------------------------------------------------------*/
    #footer {
        
    width100%;
        
    margin-top:-100px;
        
    height100px;
        
    position:relative;
    }
    #footer-menu {
        
    width:100%;
        
    height:35px;
        
    background-image:url(../images/footermenu.png);
        
    background-repeat:repeat-x;
    }
    #footer-text {
        
    width:1000px;
        
    margin0 auto;
        
    padding-top:6px;
    }
    #footer-text a{
        
    color:#FFF;
        
    padding-right:15px;
    }
    #footer-copyright {
        
    width:1000px;
        
    margin0 auto;
    }
    #footer-copyright-text {
        
    text-align:center;
        
    line-height:14px;
        
    float:left;
        
    width:650px;
        
    font-size:12px;
        
    color:#444242;
        
    padding-top:6px;
    }
    #footer-copyright-text span{
        
    font-size:10px;
        
    color:#444242;
    }
    #footer-fd{
        
    width:148px;
        
    height:39px;
        
    float:left;
        
    padding:10px 0 0 0;
    }
    .
    counter {
        
    width:88px;
        
    height:31px;
        
    float:left;
        
    padding:16px 0 0 10px;
    }

    /* Дополнительно
    -----------------------------------------------------------------------------*/
    .short-{
        
    padding5px;
        
    clearboth;
        
    background#f8f8f8;
        
    border-bottom1px #aaaaaa solid;
    }

        .
    short-1-title {
            
    color#c70038;
            
    font-size13px;
        }
        
            .
    short-1-title span {
                
    color#c70038;
            
    }
            
            .
    short-1-title a {
                
    color#7d1313;
                
    text-decorationnone;            
            }
            
                .
    short-1-title a:hover {
                    
    color#f75804;
                
    }
                
        .
    short-1-text {
            
    padding10px 0 0 0;
            
    text-alignjustify;
            
    color#393939;
        
    }
        
            .
    short-1-text img {
                
    floatleft;
                
    width100px;
                
    background#fff url(../images/shadow.gif) right bottom no-repeat;
                
    padding0 8px 8px 0;
                
    border0;
                
    margin0 10px 10px 0;
                
    positionrelative;
            }
            
        .
    short-1-more {
            
    height14px;
        }
        
            .
    short-1-more a {
                
    floatright;
                
    margin-right20px;
                
    backgroundurl(../images/short-1-more.jpgleft center no-repeat;
                
    padding-left17px;
                
    height14px;
                
    line-height14px;
                
    color#383838;
                
    text-decorationnone;
            }
            
                .
    short-1-more a:hover {
                    
    color#000;
                    
    text-decorationunderline;


    }        
    /* Допонительно
    -----------------------------------------------------------------------------*/

     
  4. joom-joom

    joom-joom

    Регистр.:
    28 фев 2010
    Сообщения:
    429
    Симпатии:
    148
    если конфликтует - z-index:99 !important;
    а вообще посмотри firebug`ом и понятно все станет.
     
  5. zloy_admin

    zloy_admin Разработчик

    Заблокирован
    Регистр.:
    15 авг 2011
    Сообщения:
    184
    Симпатии:
    27
    а где можно почитать как использовать firebug
     
  6. joom-joom

    joom-joom

    Регистр.:
    28 фев 2010
    Сообщения:
    429
    Симпатии:
    148
    http://firebug.ru/
     
    zloy_admin нравится это.
  7. OpS87

    OpS87

    Регистр.:
    9 авг 2011
    Сообщения:
    175
    Симпатии:
    15
    Так позишн в абсолют ставьте. З-индекс к релативу не применяется.
     
  8. Art2011

    Art2011 Читатель

    Заблокирован
    Регистр.:
    28 авг 2011
    Сообщения:
    37
    Симпатии:
    0
    интересно только почему?
     
  9. joom-joom

    joom-joom

    Регистр.:
    28 фев 2010
    Сообщения:
    429
    Симпатии:
    148
    вообще-то применяется. к position:absolute,relative или fixed .