отображение аватар

[~jack-o-lantern~]

Здравствуйте! Возникли проблемы, помогите, пожалуйста:

1. При использовании в посте аватар платных аккаунтов аватара начинает искажаться и разъезжаться (для примера использована аватара 61Х150)


Тоже самое происходит с ней в посте на странице с комментариями


Аналогичная ситуация и с самими комментариями.


Сейчас в коде стоит стандартный размер аватары 100Х100. Пробовала его менять – безрезультатно.
Подскажите, пожалуйста, где ошибка

Код

.block_design {background: #543d30 url('/userdir/2/7/3/3/2733930/71557602.png') 0 0 fixed; padding: 0 !important;}
#wrapper{ min-width: 980px; width: 980px; padding: 0 !important; margin-top: 110px; margin-bottom: 20px;}
#extratop { background: #58071a; width: 100%; height: 50px; }
{------------------------------------------------------ backgrounds -------------------------------------------------------}
.menuSection, .paragraph, .avatar img, textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text, #thisDiaryPhoto img, #authorName, #JournalCalendar #content, #favGroups { background: url('/userdir/2/7/3/3/2733930/71559296.png'); }
.singlePost, #side, .communityName, .authorName, .singleComment, #addCommentArea, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #pageBar {background: url('/userdir/2/7/3/3/2733930/71557602.png');}
{------------------------------------------------------ menu -------------------------------------------------------}
#topNavLinks {display: none !important;}
#side {width: 160px; position: relative; margin: 0 0 0px 10px !important; }
.bordered {padding: 0px !important; margin: 0 0 -20px 0px !important; }
.menuSection { padding: 0px 0px 10px 0px!important; margin: 0 0 -1px 0px !important;}
.menuSection_title {display: block; background: #800a26; text-transform: lowercase; font: bold; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important;}
.menuSection_title b {font: bold 12px Arial; color: #171516;}
#thisDiaryInfo {background: none; margin: 0 0 10px 0px !important; }
#thisDiaryPhoto img {padding: 1px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 10px 0 0px 0px !important;}
#authorName {width: 160px !important; display: block; padding: 10px 0 10px 0; margin: 15px 0 0px 0px !important; font: bold; }
#side h1 a {position: absolute; top: -35px; left: 330px; font: bold 24px Arial; text-align: center; width: 300px; color: #171516 !important;}
#myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner, #thisCommunityMember {}
#myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li, #thisCommunityMember li {border-bottom: 1px solid #1c1b1b; padding: 0px 0 2px 20px !important; margin: 0px 10px 1px 10px !important; text-transform: lowercase;}
#Stats { background: #800a26; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important; font: bold 14px Arial; font color: #171516; }
#Stats a:link, a:visited {font: bold 12px Arial; color: #171516; }
#TagsList ul { width: 130px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -30px !important; }
#TagsList li {padding: 2px 0 0 5px !important; }
#TagsList span {margin: 0 20px 0 0 !important; }
#sortOrder, #commentsArea_title, #photolibLink, #JournalDraft .list_box, #lastComments, #pchs, #YaSearch, #login_form, .sign {display: none !important;}
{------------------------------------------------------ menu top -------------------------------------------------------}
#mainpageLink, #myFavLink, #writeToAuthor, #writeThisDiary {position: absolute; top: -124px; text-transform: uppercase !important; border: none !important; }
#mainpageLink a, #myFavLink a, #writeToAuthor a, #writeThisDiary a { border: none !important; width: 157px; text-align: center; padding: 50px 0px 10px 0px !important; display: block !important; background: url('/userdir/2/7/3/3/2733930/71558626.png') 0% 5px no-repeat; color: #959595 !important; font: bold 11px Arial; }
#writeThisDiary { left: 770px;}
#mainpageLink { left: 380px;}
#writeToAuthor { left: 640px;}
#myFavLink { left: 510px;}
#mainpageLink a, #myFavLink a, #writeToAuthor a, #writeThisDiary a { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
#mainpageLink a:hover, #myFavLink a:hover, #writeToAuthor a:hover, #writeThisDiary a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/7/3/3/2733930/71558626.png') 0% 0px no-repeat; height: 27px !important; border: 0px solid #fff !important;}
#authorFav, #authorQuot {position: absolute; top: -180px; text-transform: uppercase !important; border: none !important; }
#authorFav { left: -40px;}
#authorQuot { left: 90px;}
#authorFav a, #authorQuot a { border: none !important; width: 57px; text-align: center; padding: 30px 50px 40px 50px !important; display: block !important; background: url('/userdir/2/7/3/3/2733930/71558772.png') 0% 5px no-repeat; border: 0px solid #fff !important; color: #959595 !important; font: bold 11px Arial; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#authorFav a:hover, #authorQuot a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: 11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/7/3/3/2733930/71558772.png') 0% 9px no-repeat; height: 27px !important; }
{------------------------------------------------------ posts -------------------------------------------------------}
#wrapper .paragraph {min-height: 150px !important;}
#page-t {margin: 0px 10px 0 200px !important;}
#Journal #page-t {margin: -30px 10px 0 200px !important;}
.singlePost {position: relative; margin: 0px 0 40px 0px !important; }
#Journal .postInner {background: # 640px 0px no-repeat; }
.paragraph { padding: 15px !important; overflow: hidden !important; }
#Journal .singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 100px; }
.singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 110px; }
.singlePost .postLinksBackg {background: #800a26 !important; margin: 0px 0 -5px 0 !important; padding: 10px 15px 10px 15px !important; width: 600px; font: normal 12px Arial; text-transform: lowercase; color: #171516 !important; }
.postLinksBackg a:link, a:visited {font: 12px Arial; color: #171516; }
.singlePost .commentAuthor { position: absolute; top: 60px; right: 0px; width: 130px; margin: 0px 0 0px 0 !important;}
.singlePost .commentAuthor a:link, a:visited {font: 12px Arial; color: #171516; }
.avatar img { padding: 1px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 0px 0px 0px 10px !important; }
.avatar {margin: 0px 0px 0px -10px !important; }
.singlePost .authorName { margin: 0px 0 0px 0px !important; padding: 3px 15px 3px 15px !important; width: 600px; background: #800a26 !important;}
.authorName a:link, a:visited {font: 12px Arial; color: #58071a; }
.singlePost .authorName a {position: absolute !important; top: 40px; right: 0px; width: 130px; margin: 0px 0 0px 0 !important;}
.singlePost .authorName a:link, a:visited {font: 12px Arial; color: #58071a; }
.othercommposts {display:none !important;}
.communityName { margin: 0px 0 -1px 0 !important; padding: 0px 15px 0px 15px !important; width: 600px; height: 20px; border-top: 1px solid #111010; background: #800a26; }
.communityName a:link, a:visited {font: bold 12px Arial; color: #58071a; }
#urlLink a:link, a:visited {font: bold 12px Arial; color: #171516; }
.atTag em { font-style: normal; }
#Journal #msg_form {background: #d79655; }
#tagslistlink a:link, a:visited {font: color: #58071a; }
{------------------------------------------------------ headers -------------------------------------------------------}
.postDate {position: absolute; top: 10px; right: 220px; color: #171516 !important;}
.postTitle {background: #800a26 !important; margin: -5px 0 0 0 !important; padding: 30px 15px 10px 15px !important; width: 600px; color: #171516 !important;}
.header h2 {font: bold 13px Verdana;}
.header span {position: absolute; top: 10px; right: 155px; color: #171516 !important;}
.singlePost .header span {position: absolute; top: 10px; right: 155px; color: #000 !important;}
#addCommentArea_title {background: #800a26 !important; margin: 0px 0 15px -15px !important; padding: 5px 15px 5px 15px !important; width: 100%; font: normal 13px Verdana; text-transform: lowercase; }
#addCommentArea {background: #d79655; }
#new_post_title {font: normal 13px Verdana; text-transform: lowercase; margin: 30px 0 0px 0px !important; background: #800a26 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}
.header.calHeader {font: normal 13px Verdana; text-transform: lowercase; margin: -10px 0 -10px -10px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}
#draft_title {background: #800a26 !important; margin: 0px 0 0px 0px !important; padding: 5px 15px 5px 15px !important; width: 740px; font: normal 13px Verdana; text-transform: lowercase; border-top: 1px solid #111010; border-bottom: 1px solid #111010; }
.postTitle {font: bold 12px Arial; color: #171516 !important; }
.postTitle span {font: bold 12px Arial; color: #171516 !important; }
.postTitle a:link, a:visited {font: 12px Arial; color: #171516; }
.postTitle span a:link, a:visited {font: 12px Arial; color: #171516; }
{------------------------------------------------------ comments -------------------------------------------------------}
#commentsArea {margin: 80px 0 0px 0px !important;}
.postLinksBackg a {color: #000 !important;}
.singleComment .postTitle {background: #800a26 !important; margin-left:140px !important; padding: 5px 15px 5px 15px !important; width: 600px; }
.singleComment .header span {position: absolute; top: 0px; left: 155px; color: #171516 !important; text-align: center; width: 500px;}
.singleComment .othercommposts {display:none !important;}
.singleComment .authorName { margin: 0px 0 0px 140px !important; padding: 3px 15px 3px 15px !important; width: 600px; background: #800a26 !important;}
.singleComment .authorName a {position: absolute !important; top: 10px; right: 630px; width: 130px; margin: 0px 0 0px 0 !important;}
.singleComment .avatar img {width: 100px !important; height: 100px !important; margin: 30px 0px 0px 10px !important; }
.singleComment {position: relative; margin: 0px 0 20px 0px !important; }
.singleComment .paragraph {margin: 0px 0px 0px 140px !important; min-height: 110px; }
.singleComment .postLinksBackg { margin: 0px 0px -5px 140px !important;}
.singleComment .commentAuthor { width: 120px; margin: 0px 0 0px 10px !important;}
#addCommentArea { margin: 60px 0 20px 0px !important; padding: 0 15px 15px 15px!important;}
textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { border: 1px solid #111010 !important;}
#JournalComments #msg_form {background: none; padding: 0px 15px 10px 10px !important;}
#JournalComments textarea#message {margin: 0px 0px 10px 5px !important; width: 710px !important;}
#msg_form {padding: 10px 15px 10px 15px !important;}
textarea#message {margin: 10px 0px 10px 5px !important; width: 715px !important;}
#JournalCalendar #page-t {padding: 10px 15px 20px 10px !important;}
#JournalCalendar #content {margin: 10px 0px 0px -10px !important; width: 100% !important; padding: 10px 15px 30px 10px !important;}
.calnd small b {border: 1px solid #111010; padding: 5px; background: #000 !important;}
.tags_ul_all {margin: 30px 0px 0px 10px !important; padding: 20px 15px 30px 30px !important;}
#epigraph { margin: 30px 0px 0px 0px !important; }
#post0 { background: none; margin: 10px 0px -15px 0px !important; }
#epigraph .editPostLink {display: none !important;}
a {text-decoration: none !important; }
a:hover, a:active, #side h1 a:hover, #side h1 a:active {color: #448391 !important; text-decoration: none !important;}
#favGroups {margin: 0px 0px 0px 0px !important; padding: 10px 15px 10px 15px !important;}
#JournalFavorite .list_box {margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border: 1px solid #111010 !important;}
span.quote_text { font: italic 12px Georgia; display: block; margin: 10px; padding: 10px; background: #; border-top: 1px solid #1c1b1b; border-bottom: 1px solid #1c1b1b;}
img { max-width: 590px !important; }
#pageBar { margin: 0px 0px 30px 0px !important;}
div.voting img { height: 0px !important; border: 4px #448391 solid; background: #448391 !important;}
{------------------------------------------------------ adds -------------------------------------------------------}
.singleComment .postLinksBackg {background: #800a26 !important; font: normal 12px Arial; text-transform: lowercase; color: #171516 !important; }
.singleComment .postLinksBackg a:link, a:visited {font: 12px Arial; color: #171516; }
.singleComment .authorName { margin: 0px 0 0px 140px !important; }
.singleComment .authorName a:link, a:visited {font: 12px Arial; color: #800a26; }
.authorName a:link, a:visited {font: 12px Arial; color: #800a26; }
#urlLink a:link, a:visited {font: bold 12px Arial; color: #171516; }
.singleComment .postTitle {color: #171516 !important;}


2. Можно ли отключить отображение аватар, но исключительно в комментариях?

@темы: diaryCSS, основные блоки, платный сервис

Comments

[Min Young-nim]

2
аватар:
.singleComment .avatar {display: none;}
блок с аватаром и подписью:
.singleComment .commentAuthor {display: none;}

[~jack-o-lantern~]

Suigin_Tou, большое спасибо