Why Not Posted July 31, 2015 Report Share Posted July 31, 2015 Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге? Возьмем пример: <div class="myimg1"> <img src="../img1.png" alt="" title=""/> </div> Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил... Quote Link to comment Share on other sites More sharing options...
GreenMonster Posted July 31, 2015 Report Share Posted July 31, 2015 Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге? Возьмем пример: <div class="myimg1"> <img src="../img1.png" alt="" title=""/> </div> Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил... http://jsfiddle.net/wwwofu3o/ 2 Quote Link to comment Share on other sites More sharing options...
Why Not Posted July 31, 2015 Author Report Share Posted July 31, 2015 http://jsfiddle.net/wwwofu3o/ спасибо конечно, но не то. Если картинка будет разного размера? Допустим взять ту же аву. У каждой авы разные изображения. Мне и нужно что бы все изображения подстраивались, и, кстати, не зависимо от высоты Quote Link to comment Share on other sites More sharing options...
Why Not Posted July 31, 2015 Author Report Share Posted July 31, 2015 (edited) Проблема не решена. Edited July 31, 2015 by gundzha Quote Link to comment Share on other sites More sharing options...
wenjiro Posted July 31, 2015 Report Share Posted July 31, 2015 Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге? Возьмем пример: <div class="myimg1"> <img src="../img1.png" alt="" title=""/> </div> Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил... Чуть подробнее, пожалуйста. Quote Link to comment Share on other sites More sharing options...
Why Not Posted July 31, 2015 Author Report Share Posted July 31, 2015 (edited) Чуть подробнее, пожалуйста. Видишь круг? А то что выделено сидим (этот квадрат) - это картинка. Скажем так: точка отсчета у картинки идет слева сверху от круга, а мне нужно что бы эта картинка выравнивалась по середине черного блока (на котором этот круг, и получается должно выглядеть так: Так же хочу заметить, что height будет любой, но width не менее 140px Edited July 31, 2015 by gundzha Quote Link to comment Share on other sites More sharing options...
Shaman Daniels Posted July 31, 2015 Report Share Posted July 31, 2015 Да параметр на картинку повесь margin: 0 auto; и должно помочь. Quote Link to comment Share on other sites More sharing options...
GreenMonster Posted July 31, 2015 Report Share Posted July 31, 2015 (edited) спасибо конечно, но не то. Если картинка будет разного размера? Допустим взять ту же аву. У каждой авы разные изображения. Мне и нужно что бы все изображения подстраивались, и, кстати, не зависимо от высоты >Если картинка будет разного размера? Таки в моем решении картинке указывается фиксированный размер. А вообще, в Vii миниатюры режутся пропорциональные, так что эти костыли не нужны. А делать круг из аватарки в профиле - бред и не красиво. Edited July 31, 2015 by GreenMonster Quote Link to comment Share on other sites More sharing options...
Why Not Posted August 1, 2015 Author Report Share Posted August 1, 2015 Да параметр на картинку повесь margin: 0 auto; и должно помочь. не поможет, пробовал( Quote Link to comment Share on other sites More sharing options...
Why Not Posted August 1, 2015 Author Report Share Posted August 1, 2015 >Если картинка будет разного размера? Таки в моем решении картинке указывается фиксированный размер. А вообще, в Vii миниатюры режутся пропорциональные, так что эти костыли не нужны. А делать круг из аватарки в профиле - бред и не красиво. квадраты уже как то надоели... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.