Автор Тема: список в меню  (Прочитано 15521 раз)

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
список в меню
« : Декабря 21, 2011, 04:08:07 pm »
помогите убрать значки списка в меню
[spoiler]#menu, #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#menu {
        width: 980px;
        margin: 0px auto;
        border: 1px solid #222;
        background-color: #111;
        background-image: -moz-linear-gradient(#444, #111);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
        background-image: -webkit-linear-gradient(#444, #111);
        background-image: -o-linear-gradient(#444, #111);
        background-image: -ms-linear-gradient(#444, #111);
        background-image: linear-gradient(#444, #111);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777;
        -webkit-box-shadow: 0 1px 1px #777;
        box-shadow: 0 1px 1px #777;
}
#menu:before,
#menu:after {
        content: "";
        display: table;
}

#menu:after {
        clear: both;
}

#menu {
        zoom:1;
}
#menu li {
        float: left;
        border-right: 1px solid #222;
        -moz-box-shadow: 1px 0 0 #444;
        -webkit-box-shadow: 1px 0 0 #444;
        box-shadow: 1px 0 0 #444;
        position: relative;
}

#menu a {
        float: left;
        padding: 12px 30px;
        color: #999;
        text-transform: uppercase;
        font: bold 12px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
        color: #fafafa;
}

*html #menu li a:hover { /* Только для IE6 */
        color: #fafafa;
}
#menu ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 9999;
        background: #444;
        background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

#menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

#menu ul a {
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu ul a:hover {
        background-color: #0186ba;
        background-image: -moz-linear-gradient(#04acec,  #0186ba);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background-image: -webkit-linear-gradient(#04acec, #0186ba);
        background-image: -o-linear-gradient(#04acec, #0186ba);
        background-image: -ms-linear-gradient(#04acec, #0186ba);
        background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
        border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
}

#menu ul li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}[/spoiler]


[вложение удалено администратором]

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #1 : Декабря 21, 2011, 04:08:43 pm »
[spoiler]<ul id="menu">
   <li><a href="/">Главная</a></li>

   <li>
      <a href="">Информация</a>
      <ul>
         <li>
         <a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}">{$smarty.const.ADMIN_ABOUT_PAGE}</a></li>
         <li>
         <a href="./{if $smarty.const.CONF_CHPU}grafik/{else}index.php?aux_page=aux1{/if}">{$smarty.const.ADMIN_TIMES}</a></li>
         <li>
         <a href="./{if $smarty.const.CONF_CHPU}adress/{else}index.php?aux_page=aux1{/if}">{$smarty.const.STRING_ADRESS_INFORMATION}</a></li>
         <li>
         <a href="./{if $smarty.const.CONF_CHPU}service/{else}index.php?aux_page=aux1{/if}">{$smarty.const.ADMIN_SHIPPING_PAGE}</a></li>

      </ul>
   </li>
   <li>
   <a href="">Прайс-лист</a>
    <ul>
    <li><a href="./{if $smarty.const.CONF_CHPU}price.xls{else}core/core_xls.php{/if}">Скачать</a></li>
   <li><a href="./{if $smarty.const.CONF_CHPU}pricelist/{else}index.php?show_price=yes{/if}">Посмотреть</a></li></ul></li>
   <li><a href="">Разное</a>
    <ul>
    <li><a href="./{if $smarty.const.CONF_CHPU}mapsite/{else}index.php?sitemap{/if}">{$smarty.const.ADMIN_SITE_MAP}</a></li>
    <li><a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news{/if}" class="b">Новости</a></li>
   <li><a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_PAGES}/{else}index.php?pages&pages={/if}">{$smarty.const.ADMIN_PAGES}</a></li>
    </ul>
    <li><a href="">Контакты</a>
    <ul>
   <li><a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}">{$smarty.const.STRING_CONTACT_INFORMATION}</a></li>
    <li><a href="./index.php?aux_pages=1">Вконтакте</a></li> </li>
    </ul><li>
 <form method="get" action="/" id="search" class="png">
  <p align="right">
  <input type="text" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" name="searchstring" class="search" id="mod_search_searchword" />
  <input type="submit" value="" class="go" />
  </p>
  </form></li>
</ul> [/spoiler]

nictboom

  • Гость
Re: список в меню
« Ответ #2 : Декабря 21, 2011, 04:56:11 pm »
stylesheet.css:
ul li {
    
backgroundurl("../image/bullet_2.gif"no-repeat scroll 0 5px transparent;
    list-
stylenone outside none;
    
margin0;
   
padding0 0 3px 12px;// вот оно
}

задайте свой для #menu, например: #menu li ul li {padding: 0;}
« Последнее редактирование: Декабря 21, 2011, 05:12:20 pm от nictboom »

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #3 : Декабря 21, 2011, 05:08:10 pm »
спасиб ща разберусь

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #4 : Декабря 21, 2011, 06:17:40 pm »
получилось только выделение сделать а сам значек остался

nictboom

  • Гость
Re: список в меню
« Ответ #5 : Декабря 21, 2011, 06:35:41 pm »
добавь background: none;

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #6 : Декабря 21, 2011, 06:37:01 pm »
к тегу li или ul

nictboom

  • Гость
Re: список в меню
« Ответ #7 : Декабря 21, 2011, 06:38:25 pm »
#menu li ul li {
    padding: 0;
    background: none;
}

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #8 : Декабря 21, 2011, 06:39:58 pm »
уже сделал спасибо)))

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #9 : Декабря 21, 2011, 06:41:28 pm »
ещё вопросик можно? как поиск в право прижать?  и то он как пункт меню сейчас

nictboom

  • Гость
Re: список в меню
« Ответ #10 : Декабря 21, 2011, 06:58:52 pm »
можно пробовать так: убрать из из списка (<li></li>), поместить, например,  в <div class="search_mod">...</div>и задать стиль: .search_mod {position:absolute; top:245px;right:20px;}

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #11 : Декабря 21, 2011, 07:07:40 pm »
поиск далеко уехал))) лан ща попробую подобрать высоту

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #12 : Декабря 21, 2011, 07:36:25 pm »
никак не прижму вправо(((

Оффлайн pavelsmorchkov

  • Старожил
  • ****
  • Сообщений: 285
    • Просмотр профиля
    • Бренд-шоп.net
Re: список в меню
« Ответ #13 : Декабря 21, 2011, 07:42:05 pm »
вот тут посмотри http_://бренд-шоп.net

nictboom

  • Гость
Re: список в меню
« Ответ #14 : Декабря 21, 2011, 07:48:12 pm »
ну поиск в <div class="search_mod"> я не вижу.
ну тогда просто добавь ещё одну ичейку в список <li style="width:ширина;">&nbsp;</li> перед поиском.