Привет ребята, вот решила поставить цсс и тут же возникли маленькие проблемки:
1. Первое:
как сделать так чтобы текст в комментариях был не посередине а "как обычно" слева?
2. Второе:
#wrapper{min-width:690px!important;width:690px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:140px !important;margin:0 !important}
#page-c{width:550px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#extratop { background: url('/userdir/2/0/6/0/206093/39010682.jpg'

no-repeat center; width:100%; height:500px;}
#page-t .bordered { background: url('/userdir/2/0/6/0/206093/39013055.png'

repeat bottom right !important; background-image: none; filter: progid

XImageTransform.Microsoft.AlphaImageLoader(src=
'//static.diarybackup.space/userdir/2/0/6/0...;, sizingMethod='scale'

; a position:relative; z-index: 2; }
#side .bordered { background: none; background: url('/userdir/2/0/6/0/206093/39013055.png'

repeat bottom right !important; background-image: none; filter: progid

XImageTransform.Microsoft.AlphaImageLoader(src=
'//static.diarybackup.space/userdir/2/0/6/0...;, sizingMethod='scale'

;zoom: 1; position:relative; z-index: 2; }
.singlePost, .menuSection { border-style:dotted; }
A:hover {text-decoration: underline overline;}
.atMusic em SPAN { position: absolute; left:-1000px;}
.atMusic em { font-size: 0 px; background: url('/userdir/2/0/6/0/206093/26393783.gif'

no-repeat 0; padding-left: 70px !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 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: url('/userdir/2/0/6/0/206093/26797187.png'

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; }
.header h2 {display:block; width:100%; text-align:center;}
.countFirstDate,.countSecondDate {text-align:center;}
.countFirstDate,.countSecondDate { border-style:dotted; }
body{ background-attachment:fixed; }
.comments {background: url('/userdir/2/0/6/0/206093/25091555.png'

no-repeat; padding:2px 20px !important; display:block; height:18px; }
.addToQuote {background: url('/userdir/2/0/6/0/206093/25091563.png'

no-repeat; padding:2px 20px !important; display:block; height:18px; }
.subscribe {background: url('/userdir/2/0/6/0/206093/25091559.png'

no-repeat; padding:2px 20px !important; display:block; height:18px; }
#codebuttons a {float: left;}
#codebuttons {clear: both;}
#mce_editor_0_parent a, #mce_editor_0_parent select {float: left;}
-
-
14.03.2009 в 14:32#page-t .bordered, #side .bordered { background: url('/userdir/2/0/6/0/206093/39013055.png') repeat bottom right !important; background-image: none; filter: progid
А, во-вторых, чтобы в эксплорере работали ссылки, надо прописать вот это (цитирую вот этот пост Рёцке):
3. Для элементов, которым прописали полупрозрачноть, прописывам новое свойство ссылок
(не потеряйте a и input!):
ЭТО ОФИГЕННО ВАЖНЫЙ ПУНКТ! Забудете - не будут работать ссылки в Internet Explorer
*element* a, *element* input, textarea
{
position:relative; z-index: 2;
}
-
-
14.03.2009 в 15:48Спасибо по поводу совета объединить кода для полупрозрачных блоков
А вот про Эксплорер - я уже пробовала так сделать но у меня после этой прописки фон вобще прозрачный получается T-T
-
-
14.03.2009 в 16:04#element .div bordered. У меня, однако, так:
#side div.bordered, #page-t div.bordered{ background: url('картинка') repeat bottom right !important; background-image: none; filter: progid
#side div.bordered a, #side div.bordered input, #page-t div.bordered a, #page-t div.bordered input, textarea { position:relative; z-index: 2; }
Вы вообще какой эксплорер имеете в виду? Седьмой или шестой? В шестом полупрозрачность, увы, не может адекватно восприниматься. В седьмом все работает.
-
-
14.03.2009 в 16:51Ура, спасибо теперь ссылки заработали в эксплорере *радуется* но теперь пропал блок добавления комментариев (в этом же эксплорере >.<")
Я имею ввиду седьмой Эксплорер
-
-
14.03.2009 в 16:52-
-
14.03.2009 в 17:22