Перейти к содержимому
Русский язык для Invision Community 5

округление углов у аватара

немогли бы вы мне сказать, почему, когда я пытался сгладить углы у аватара...

он в лево съехал..О,о и теперь это смотриться примерно так..:

 

post-41722-0-53022900-1291142783_thumb.png

 

в общем я просто вставлю то, что напихал в конец ipb_styles.css...

отпишите плиз, что не правильно, и чего не хвотает...

li.avatar {
background: #ffffff; /* фон */ 
       border: 3px solid #ffffff; /* окантовка */
       border-radius: 15px; /* закругление */
       -moz-border-radius: 15px; /* закругление */
       -webkit-border-radius: 15px; /* закругление */
       display: inline-block;
       padding: 1px; /* отступ */
}

Зарание благодарю..^^

Рекомендованные сообщения

Может, паддинг там лишний?

  • Автор

не... там паддинг как отступ контура от аватара идёт..Т__т..

чот другое надо....

а как обычно закругляют..?^^

или как выравнивание по центру задать..?^^

можно даже по пикселям...) точнее лутше..)))

Да так можно закруглить (кроме IE)

Попробуйте добавить

text-align: center;

Это свойство, возможно, надо в класс .user_details (он над li)

 

Зы

Если не поможет, тогда добавьте в свойства для li.avatar

margin-left: 20px;

20 - это примерно.

Будет не по центру, но приемлемо

  • Автор

1-ый не помог..,

я у тебя в стиле этот класс не нашол...

 

2-ой помог... частично..:

post-41722-0-43421600-1291146976_thumb.pngpost-41722-0-58433800-1291146993_thumb.png

Если класс не нашли, можно же дописать.

Думаю, там display: inline-block; влияет. Изначально В li.avatar пространство на 100%, а аватар в середине болтается. А с block - оно сжато...

 

Кстати, li.avatar можно не трогать.

 

Закругление и контур дописать, добавив это

li.avatar img {
       border: 3px solid #ffffff; /* окантовка */
       border-radius: 15px; /* закругление */
       -moz-border-radius: 15px; /* закругление */
       -webkit-border-radius: 15px; /* закругление */
}

  • Автор

Спасибо..^^

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.