понедельник, 07 февраля 2011
У меня такая проблема - большой отступ текста в комментариях от аватар, не могу понять, от чего такое( CSS код делал очень давно, так что и разобраться самому надежды нет(( Надеюсь, на вашу помощь... укажите ошибку))
Вот код:
читать дальше#side{font-size: 13pt; }
.offtop {font-size: 13pt; font-family:"Monotype Corsiva";}
.paragraph div:first-letter { font-size: 22px; font-family:"Monotype Corsiva"; margin-right: 3px; color: #ac0104; line-height:100% !important; line-height:140%; }
.countFirstDate { text-align: center;}
.countSecondDate {text-align:center;}
.left #wrapper{width:830px;margin: 0 0 0 -420px !important;padding:0 !important;position:relative;left:49%;}
.left #side{width:185px !important;margin:0 !important;}
.left #page-t{width:645px !important;padding:0 !important;}
.left #page-t{ margin-left: 210px !important }
.singleComment .postContent { padding-left:140px; }
.singleComment .postInner { margin-left:-150px; padding-left:150px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
.commentAuthor .avatar { margin:0px 0 0px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
a:hover{cursor: crosshair;}
body {background: # 0 0 fixed no-repeat; }
#side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }
#side .bordered { background: none; background: # repeat bottom right !important; background-image: none; filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/6/9/7/0/69705/27062933.png', sizingMethod='scale'); zoom: 1; }
#page-t .bordered a, #page-t .bordered input, textarea { position:relative; z-index: 2; }
textarea { position:relative; z-index: 2; }
#page-t .bordered { background: none; background: repeat bottom right !important; background-image: none; filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/6/9/7/0/69705/27062933.png', sizingMethod='scale'); zoom: 1; }
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #ac0104;}
#postsCalendar{display:none}
#albumLink{display:none}
#myFavLink{display:none}
#photolibLink{display:none}
#communityCatalogueLink{display:none}
#diarySpiritLink{display:none}
#diarySupportLink{display:none}
#paySupportLink{display:none}
body {background: # no-repeat; !important;}
body {background-image: url('/userdir/2/2/4/8/2248135/65539373.jpg'); background-attachment: fixed; }
#side a:link,#side a:visited{color:grey}
#side a:hover,#side a:active{color: #ac0104 }Как это выглядит в комментариях - можете глянуть у меня. Дневник открыт.
@темы:
отступы
Меняю этот параметр и получается вот так(((
.singleComment .postContent { padding-left:140px; }
.singleComment .postInner { margin-left:-150px; padding-left:150px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
Если все это поубирать, у вас не влезают комменты?
Надо же!) Решение было простое)) Убрал и теперь все отлично)) Огромное спасибо!!))))