Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> child, не могу разобраться
Wind  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местная прописка
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 721
Пользователь №: 41530
На форуме: 1 год, 5 месяцев, 10 дней
Карма: 9




Всем привет, то ли я дурак то ли лыжи не едут уже вроде все перепробовал, но что то не получается


<nav class="row md-5 sm-6 xs-8 menu-on center">
<ul>
<div><a
href="/"><li class="white">Главная</li></a></div>
<div><a
href="/signup"><li class="blue">Присоединиться</li></a></div>
<div><a
href="/signin"><li class="red">Напомнить пароль?</li></a></div>
</ul>
</nav>



nav {
display: none;
position: fixed;
top: @min-height;
width: 100%;
height: 100%;
padding: 15px;
background-color: lighten(@bg-color-first, 5%);
border-right: 1px solid darken(@bg-color-first, 10%);
& ul {
margin: 0;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
& li {
border-top: 1px solid darken(@bg-color-second, 40%); //#768889
padding: 10px 15px;
border-bottom: 1px solid transparent;
}

& div {
&:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

&:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
}
}
}


Кусок кода, у меня тут три блочных элемента мне надо задать округление top первому элементу и bootom последнему, но округляются вообще все дивы, изначально было без дивов, но вот состряпал вот такой велосипед, если я правильно понимаю родителям li является a.


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Loki  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 19
Пользователь №: 42297
На форуме: 11 месяцев, 17 дней
Карма: -2




В каком браузере вы тестируете? В Chrome закругления применяются корректно.
В любом случае, рекомендую сначала исправить разметку, так как она у вас невалидная: div не может быть непосредственным потомком ul. По этой причине могут быть проблемы.
PMПисьмо на e-mail пользователю
    -1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Wind  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местная прописка
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 721
Пользователь №: 41530
На форуме: 1 год, 5 месяцев, 10 дней
Карма: 9




Loki

Цитата (Loki @ 26.12.2015 - 22:18)
В каком браузере вы тестируете? В Chrome закругления применяются корректно.


Амиго на ядре хрома на сколько мне известно, но дело не в том, в других браузерах так же, округления есть но на всех трех элементах

Цитата (Loki @ 26.12.2015 - 22:18)
В любом случае, рекомендую сначала исправить разметку, так как она у вас невалидная: div не может быть непосредственным потомком ul


Цитата (Wind @ 26.12.2015 - 21:24)
изначально было без дивов, но вот состряпал вот такой велосипед


То что она не валидна это понятно, это я так ради интереса может что изменит такой подход, но даже если задавать к li эти псевдоклассы ситуация не меняется


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Loki  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 19
Пользователь №: 42297
На форуме: 11 месяцев, 17 дней
Карма: -2




Цитата (Wind @ 26.12.2015 - 22:24)
даже если задавать к li эти псевдоклассы ситуация не меняется


Я не знаю, что вы конкретно хотели получить в итоге, но вот вам пример:
http://codepen.io/anon/pen/yeaqQo
В нём примерно смоделирована ваша ситуация, но с валидной разметкой.

Это сообщение отредактировал Loki - 26.12.2015 - 22:46
PMПисьмо на e-mail пользователю
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Wind  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местная прописка
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 721
Пользователь №: 41530
На форуме: 1 год, 5 месяцев, 10 дней
Карма: 9




Loki

Классно, результат тот что нужен, только вот блочный элемент не является ссылкой, а о чем я и писал

Цитата (Wind @ 26.12.2015 - 21:24)
если я правильно понимаю родителям li является a.


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Wind  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местная прописка
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 721
Пользователь №: 41530
На форуме: 1 год, 5 месяцев, 10 дней
Карма: 9




Loki

пардон, не рассмотрел, спасибо за помощь


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Loki  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 19
Пользователь №: 42297
На форуме: 11 месяцев, 17 дней
Карма: -2




Цитата (Wind @ 26.12.2015 - 22:48)
Loki

Классно, результат тот что нужен, только вот блочный элемент не является ссылкой, а о чем я и писал

Цитата (Wind @ 26.12.2015 - 21:24)
если я правильно понимаю родителям li является a.

Тогда я не понимаю, в чём заключается ваша проблема? Ваш код, как я и писал выше, работает.
http://codepen.io/anon/pen/eJdjxV
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Loki  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 19
Пользователь №: 42297
На форуме: 11 месяцев, 17 дней
Карма: -2




Цитата (Wind @ 26.12.2015 - 22:52)
Loki

пардон, не рассмотрел, спасибо за помощь

ok
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса