Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
meTeJlka

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

Recommended Posts

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

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

 

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; /* отступ */
}

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

text-align: center;

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

 

Зы

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

margin-left: 20px;

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

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

Share this post


Link to post
Share on other sites

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

Думаю, там 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...