в эксплорере первый коммент залезает под запись. Как бы мне его опустить пониже, не подскажете?
UPD: даю полный код, посмотрите кто шарит и кому не лень, что я там перемудрила? Даю скрин проблемы. Помогите, умные люди!
Мой код
Это для картинки в экстратопе
#extratop { background: url('/userdir/1/4/0/6/140658/22961351.jpg' no-repeat; !important; width:700 height:300 position:absolute; top: 0 left: 0px !important; }
это опускает меню пониже, равняет в нем текст по центру
#side { position:absolute; top:175 left:3 text-align:center !important; }
шрифт, цвет и размер шрифта для названия дневника и ника автора
#side h1, #authorName {font-family: Impact,"Comic Sans Ms"; font-size: 125%; color: #BFBF8E !important; }
#side h1 a{ color: #BFBF8E }
дата равняется по центру, опускается чуть ниже
.countFirstDate,.countSecondDate {text-align:center; position:relative; top: 5 }
опускаю поле для новой записи, а то за экстратопом прячется
#newPostForm { position:relative; top: 100 }
снова что-то смещаю ниже, зачем уже не помню, видно надо было....
#postsArea { position:relative; top: 200 left:5 }
шрифт для поста
.singlePost { font-family: Arial; font-weight: normal; }
расположение эпиграфа
#epigraph { position:relative; top: 8 }
цвет фона за записью, обводка
.postContent { background-color: #233259; border-width:4 border-color:#FFFFFF; border-style: double;}
шрифт для заголовка записи
.header h2 {font-variant: small-caps; font-weight: bold; letter-spacing:2 font-family:Arial; }
ссылки, курсор...
body a:hover { color: #8BCBFC !important; cursor: crosshair;}
это мелкие картинки рядом со ссылками "комментировать", "подписаться", "добавить в цитатник"
.comments {background: url('/userdir/1/4/0/6/140658/22962523.gif' no-repeat; padding:0 0 0 20px !important; display:block; height:18 }
.subscribe {background: url('/userdir/1/4/0/6/140658/22962559.gif' no-repeat; padding:0 0 0 20px !important; display:block; height:18 }
.addToQuote {background: url('/userdir/1/4/0/6/140658/22962463.gif' no-repeat; padding:0 0 0 20px !important; display:block; height:18 }
делает буквицу
.paragraph div:first-letter { FONT-WEIGHT: bold; font-size: 25 float: left !important; float: none; font-family:Comic Sans MS, Arial; color: #848C5B; line-height:100% !important; line-height:100%; }
запрещает её применение на вложенные дивы
.paragraph div div:first-letter { font-size: 100%; font-family: Comic Sans MS, Arial; float: none !important; margin: 0 line-height:100%; color: #848C5B;}
это, кажется, из калькулятора, чтобы сделать фиксированной ширину всех блоков
body.left{padding:0px !important;}
.left #wrapper{width:700margin: 0 0 0 0 !important;padding:0 !important;position:relative;left:0%;//left:0%;}
.left #side{width:150px !important; margin:30px 0 0 0 !important;}
.left #page-c{width:700px !important; padding:20px 0 0 0 !important;}
а так мне подсказали "прибить гвоздями" аватар, ник и подпись автора в избранном и комментах - работет!
.paragraph {padding:10px !important; width:575px !important; }
#Journal .paragraph div {padding:20px 20px 0 0 !important; width:700px !important; }
.avatar {float:none !important;}
.commentAuthor { position:relative; left: 130 width:120px !important; }
.postInner {padding:10px !important;}
это чтоб текст "от себя", "от другого пользователя", "не заменять смайлы" и т.п. отличался по цвету от фона
#msg_form {color:#fff !important}
редактирование комментария тоже влезло под экстратоп, пришлось тянуть вниз
#addCommentArea { position:relative; top:200 }
а это я пытала опустить все комменты... помнится, так и не сработало...
.for_commentsArea { position:relative; bottom:200 }
это код Рецке, отменяет полупрозрачность
a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img, span.mceMenuButton img, span.mceMenuButtonSelected img{opacity:1.0;filter:none;}
a.mceButtonDisabled img{opacity:1.0;filter:none;}
* html a.mceButtonNormal img, *html a.mceButtonSelected img, *html span.mceMenuButton img, *html span.mceMenuButtonSelected img{opacity:1.0;filter:none;}
* html a.mceButtonDisabled img{opacity:1.0;filter:none;}
*:first-child+html a.mceButtonNormal img, a.mceButtonSelected img, span.mceMenuButton img, span.mceMenuButtonSelected img{opacity:1.0;filter:none;}
*:first-child+html a.mceButtonDisabled img{opacity:1.0;filter:none;}
#shsmile{opacity:1.0;filter:none;}
.SmilePanelElement small { opacity:1.0;filter:none;}
.htmlbox textarea, td.opac{opacity:1.0;filter:none;}
#trspisok textarea{opacity:1.0;filter:none;}
input.text, select{opacity:1.0;filter:none;}
input.inp_check, #ReplaceBr, #avatar, #nosmi, #nocomm, #NoSendPost, #addPicture, #closedPost, #golos_post, #manyAnswers, #subscribeToComments, #doNotSmile, #fromMyself, #fromMrX, #fromAnother, #favOnly, #whiteListOnly, #closeaccessmode2, #closeaccessmode3{opacity:1.0;filter:none;}
.favTagsContent{opacity:1.0;filter:none;}
.submit{opacity:1.0;filter:none;}
.mceEditorI {opacity:1.0;filter:none;}
.postActionLinks li, #sortOrder li{opacity:1.0;filter:none;}
Эксплорер сакс!!!
в эксплорере первый коммент залезает под запись. Как бы мне его опустить пониже, не подскажете?
UPD: даю полный код, посмотрите кто шарит и кому не лень, что я там перемудрила? Даю скрин проблемы. Помогите, умные люди!
Мой код
UPD: даю полный код, посмотрите кто шарит и кому не лень, что я там перемудрила? Даю скрин проблемы. Помогите, умные люди!
Мой код