Не отображаются background картинки для верхнего меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем viktor v, 22.01.2009.

  1. Offline

    viktor v Недавно здесь

    Регистрация:
    15.01.2009
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите, в чем тут может быть проблема, при создании модуля top_menu и создании в нем пунктов меню, к пунктам применяются стиль как для обычной ссылки, в коде css файла я так понял вот эта часть отвечает за отображение верхнего меню

    Код (CODE):
    1. #top_menu ul#mainlevel-nav {
    2.     margin: 0 auto;
    3.     padding: 0;
    4.     list-style: none;
    5. }
    6. #top_menu ul#mainlevel-nav li{
    7.     background: transparent url(../images/but_r.jpg) center right no-repeat;
    8.     float: left;
    9.     margin: 0 5px;
    10.     padding: 0;
    11. }
    12. #top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{
    13.     background: transparent url(../images/but_l.jpg) center left no-repeat;
    14.     font-family: Tahoma, Verdana, sans-serif;
    15.     font-size: 13px;
    16.     float: left;
    17.     display: block;
    18.     color: #fff;
    19.     text-decoration: none;
    20.     font-weight: bold;
    21.     height: 31px;
    22.     line-height: 31px;
    23.     padding: 0 10px;
    24.     margin: 0;
    25.     cursor: pointer;
    26. }
    27. #top_menu ul#mainlevel-nav li a:hover{
    28.     background: transparent url(../images/but_l.jpg) center left no-repeat;
    29.     color: #fff;
    30.     text-decoration: underline;
    31.     height: 31px;
    32. }


    Здесь у каждого пункта на фоне должна быть картинка, уже много чего перепробовал изменять, но просто не знаю где нужно что-то подправить чтобы было как на превьюшке шаблона. Может быть проблема в том что в коде шаблона не прописано чтобы этот стиль применялся в данном месте, вот код из шаблона
    Код (html):
    1. <div id="top_menu">
    2.         <table cellpadding="0" cellspacing="0" style="margin:0 auto;">
    3.             <tr>
    4.                 <td>   
    5.                     <jdoc:include type="modules" name="user3" />
    6.                 </td>
    7.             </tr>
    8.         </table>
    9.     <div class="clr"></div>
    10.     </div>

    Подскажите плиз
     

    Вложения:

    Последнее редактирование модератором: 02.07.2012
  2.  
  3. Offline

    viktor v Недавно здесь

    Регистрация:
    15.01.2009
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    В общем проблема была весьма глупа, не ставил перед суффиксом класса меню знак тире. Не знал.
     
  4. Offline

    warden Недавно здесь

    Регистрация:
    15.06.2009
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    У меня возникла похожая проблема не знаю как решить. Мне нужно чтобы фоном в таблице было повторяющееся изображение - градиент. Прописываю это в таблице css :

    .contentheading

    {
    background: url(images\bg.png) repeat-y;
    line-height: 14px font-weight: normal;
    }


    извращялася над этими строчками как мог, куда только их не вставлял, но вот изображение как не крути не появляется, а цвет фона рамку таблицы итд можно менять легко. Помогите новичку разобраться плз :(
     
  5. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    warden, а как прописано в индексе мы же не знаем скорее всего там косячек
     
  6. Offline

    aefr Недавно здесь

    Регистрация:
    24.08.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени суток, точно такая же проблема(не подтягивается CSS стиль к пунктам верхнего меню), перед суффиксом класса меню "-" поставил (см.вложение,может не там поставил?), в чем может быть еще проблема? 2011-08-24_121611.png
    код HTML:
    <div id="top_menu">
    <table cellpadding="0" cellspacing="0" style="margin:0 auto;">
    <tr>
    <td>

    <jdoc:include type="modules" name="user3" />

    </td>
    </tr>
    </table>
    <div class="clr"></div>
    </div>
    код CSS:
    #top_menu{
    background: #fef9dd url(../images/top_menu_bg.jpg) top center no-repeat;
    height:42px;
    margin:0 auto;
    padding:0 0 10px 0;
    text-align:center;
    width:960px;
    }


    #mainlevel-nav{
    margin:0 auto;
    height:52px;
    padding:0;
    }

    #top_menu ul#mainlevel-nav {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    height:52px;
    background: transparent url(../images/menu_separator.jpg) top left no-repeat;
    }

    #top_menu ul#mainlevel-nav li{
    float: left;
    padding: 0 1px;
    margin:0;
    height:52px;
    background: transparent url(../images/menu_separator.jpg) top right no-repeat;
    }

    #top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{
    float:left;
    color:#eee9ca;
    display:block;
    font-family:Tahoma,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    height:52px;
    line-height:43px;
    padding:0 25px;
    }

    #top_menu ul#mainlevel-nav li a:hover{
    background: transparent url(../images/but_hover.jpg) bottom center repeat-x;
    color: #b27b49;
    text-decoration: none;
    height: 52px;
    }

    Заранее благодарен за ответ!)
     
  7. Offline

    alex6690 Недавно здесь

    Регистрация:
    24.08.2011
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    а права на картинку выставил?
     

Поделиться этой страницей

Загрузка...