Маленькое изображение в выпадающем вертикальном меню

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

  1. Offline

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

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



    Код (CODE):
    1. .module *{
    2.   padding:0;
    3.   margin:0;
    4.   padding-bottom:10px;
    5.   width:168px;
    6.  
    7.  
    8.  
    9.          
    10. }
    11. .module ul.menu {
    12.   width:168px;              
    13.      
    14.   background-color: #F3F3F3;
    15.        
    16.   background-image: url("../images/arrow_right1.gif");
    17.          background-position: right center ;
    18.         background-repeat: no-repeat;
    19.                      text-align: left;
    20.                                 border:1px solid #E7E7E7 ;              
    21.        
    22.        
    23.                                        
    24.    
    25. }
    26. .module ul.menu li{
    27.   display:block;      
    28.   position: relative;
    29.                border: solid black 1px;
    30.                  
    31.                  
    32.  
    33.  
    34.  
    35. }
    36. .module ul.menu li a{
    37.   display:block;
    38.        
    39.   padding:5px;              
    40.              
    41.                    
    42.  
    43.      }
    44.      
    45. .module ul.menu li ul{
    46.   display:none;
    47.   position:absolute;
    48.   width:100px;                
    49.   top: 0px;                  
    50.   left: 167px;                
    51.   background-color: #FFD500;  
    52.   white-space:nowrap;        
    53.               background-image: url("../images/arrow_right.gif");
    54.          background-position: center right ;
    55.         background-repeat: repeat-y;
    56.         border: solid black 1px;
    57.        
    58.  
    59.  }
    60.  
    61. .module ul.menu li:hover ul{
    62.   display:block;
    63.   z-index:2;
    64.  
    65. }
    66. .module ul.menu li:hover ul li ul{
    67.   display:none;
    68.  
    69. }
    70. .module ul.menu li:hover ul li:hover ul{
    71.   display:block;
    72.   z-index:3;
    73.   background-color: #CCFF99;    
    74.   left:100px;
    75.   width:200px;
    76.            
    77.  
    78. }

    прилагается весь css-код шаблона, если нужен канешн)
    сайт:http://flowerpatio.ru
    помогите пожалуйста, целый день голову ломаю.
    Заранее благодарен
     

    Вложения:

    • Снимок2.jpg
      Снимок2.jpg
      Размер файла:
      82.4 КБ
      Просмотров:
      4
    • template.zip
      Размер файла:
      4.7 КБ
      Просмотров:
      0
  2.  
  3. Offline

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

    Регистрация:
    30.06.2010
    Сообщения:
    21
    Симпатии:
    0
    Пол:
    Мужской
    ну кто нибудь подскажите:'(
     
  4. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    картинку и ее позиционирование надо задавать не для элемента ul, а для li :)
    что-то типа
    Код (CODE):
    1. .menu li {
    2. background-image: url("../images/arrow_right.gif") center right repeat-no;
    3. border: solid black 1px;
    4. margin:0;
    5. padding:0 0 5px 0;
    6.  }
     

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

Загрузка...