Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
meTeJlka

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

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

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

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

 

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; /* закругление */
}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

Спасибо..^^

Поделиться сообщением


Ссылка на сообщение

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

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...