Помогите прописать css значение тегу

Тема в разделе "Верстка", создана пользователем anfriska, 17 фев 2014.

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

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    32
    Имеется код.
    Код:
    <li class="selected"><span class="home"><a class="tll" href="/" onclick="SelectLink(this)">Главная</a>
     </span></li>
    для
    Код:
    <li class="selected"><span class="home">
    нужно дать значение
    border-radius: 7px 0 0 7px;

    Как это сделать в CSS ?
     
  2. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    317
    Симпатии:
    629
    Код:
    .selected .home {
    border-radius: 7px 0 0 7px;
    }
    По-моему как-то так...Наверное:)
     
    Последнее редактирование: 17 фев 2014
  3. The_Wolf

    The_Wolf

    Регистр.:
    21 окт 2013
    Сообщения:
    339
    Симпатии:
    190
    можно и так :
    Код:
    .selected .home {
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    }
     
  4. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    32
    уже пробовала так, не закругляется :(
     
  5. The_Wolf

    The_Wolf

    Регистр.:
    21 окт 2013
    Сообщения:
    339
    Симпатии:
    190
    ну да . вот так :
    Код:
    .selected {
    border-radius: 7px 0 0 7px;
    }
    .home {
    border-radius: 7px 0 0 7px;
    }
     
  6. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    32
    У меня все немного сложнее.
    Для selected уже есть значение
    Код:
    #supermenu ul li.selected {
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    }

    и оно перекрывает это
    Код:
    .selected .home {
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    border-radius: 7px 0 0 7px;
    }

    а первое значение мне нужно т.к. оно отображает другие кнопки в меню без закруглений.
    То есть надо чтобы только selected с вложением home было с закруглением
     
    Последнее редактирование модератором: 17 фев 2014
  7. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    :conf: и что ты этим изменил?!
    Посмотрел сайт, решение...
    в файле стилей supermenu.css найдите
    HTML:
    #supermenu ul li.selected{
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    }

    и замените на
    HTML:
    #supermenu ul li.selected{
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -khtml-border-radius: 8px 0 0 8px;
    }

    Результат:
     
    Последнее редактирование: 17 фев 2014
  8. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    32
    Возникает другая проблема.
    selected на все кнопках теперь закгрулен, а надо чтобы только на первой (главная). Для первой кнопки в неактивном состоянии, я сделала закругление добавив span home. А в активном состоянии никак не могу закруглить.
     
    Последнее редактирование: 17 фев 2014
  9. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    что бы скругление применялось только для "Главной"
    верните стиль #supermenu ul li.selected - в исходное состояние т.е:
    HTML:
    #supermenu ul li.selected{
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    }

    а ниже пропишите:
    HTML:
    #supermenu ul li:first-child.selected{
    position: relative;
    float: left;
    background: url('menu_active.gif') repeat-x top left;
    color: #ffffff;
    z-index: 18;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -khtml-border-radius: 8px 0 0 8px;
    }

    З.ы.
    Скругление в неактивном состоянии кнопке даёт не span class="home" - этот класс таки бесполезен,
    а стиль для всего блока меню)
    т.е. вот этот:
    HTML:
    #supermenu {
    background: url('menu_bg.gif') repeat-x top left;
    height: 42px;
    margin-bottom: 5px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -khtml-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    }
     
    Sorcus и anfriska нравится это.
  10. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    32
    Денис, не хотелось бы показаться наглой, но убрала home и теперь в при ховере, кнопка главная не закруглена )
     
Статус темы:
Закрыта.