Здравствуйте, шаблон yoo_neo от yootheme.....сдвинуты надписи и рисунки на кнопках "Изображение", "Разрыв страниц", "Подробнее", "Выключить редактор" в форме добавления новой статьи пользователем на сайт. Ссылка на скриншот -
http://files.mail.ru/49CN80?t=1 . CSS код кнопок привожу:
/* Buttons */
#editor-xtd-buttons {
padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
display: block;
height: 22px;
float: left;
line-height: 22px;
font-size: 11px;
color: #666;
cursor: pointer;
}
.button2-left span,
.button2-right span {
cursor: default;
color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
padding: 0 6px;
}
.page span {
color: #000;
font-weight: bold;
}
.button2-left a:hover,
.button2-right a:hover {
text-decoration: none;
color: #0B55C4;
}
.button2-left a,
.button2-left span {
padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
padding: 0 6px 0 24px;
}
.button2-left {
background: url(../../system/images/j_button2_left.png) no-repeat;
float: left;
margin-left: 5px;
}
.button2-right {
background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
float: left;
margin-left: 5px;
}
div.cleanbody {
position : absolute;
left : -1000px;
}
.button2-left .image {
background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore {
background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}
А так же html:
<!-- Start Editor --><textarea id="text" name="text" cols="70" rows="15" style="width:100%; height:400px;" class="mce_editable"></textarea>
<div id="editor-xtd-buttons">
<div class="button2-left"><div class="image"><a class="modal-button" title="Изображение" href="http://www.site.ru/index.php?option=com_media&view=images&tmpl=component&e_name=text" onclick="IeCursorFix(); return false;" rel="{handler: 'iframe', size: {x: 570, y: 400}}">Изображение</a></div></div>
<div class="button2-left"><div class="pagebreak"><a class="modal-button" title="Разрыв страницы" href="http://www.site.ru/index.php?option=com_content&task=ins_pagebreak&tmpl=component&e_name=text" onclick="IeCursorFix(); return false;" rel="{handler: 'iframe', size: {x: 400, y: 85}}">Разрыв страницы</a></div></div>
<div class="button2-left"><div class="readmore"><a title="Подробнее..." href="http://www.site.ru/#" onclick="insertReadmore('text');return false;" rel="">Подробнее...</a></div></div>
<div class="button2-left"><div class="blank"><a title="JComments ON" href="http://www.site.ru/#" onclick="insertJCommentsOn('text');return false;" rel="">JComments ON</a></div></div>
<div class="button2-left"><div class="blank"><a title="JComments OFF" href="http://www.site.ru/#" onclick="insertJCommentsOff('text');return false;" rel="">JComments OFF</a></div></div>
</div>
<div style="margin-top:-5px">
<div class="button2-left"><div class="blank"><a href="#" onclick="javascript:tinyMCE.execCommand('mceToggleEditor', false, 'text');return false;" title="Выключить редактор">Выключить редактор</a></div></div></div>
<!-- End Editor -->
Пожалуйста, помогите разобраться в этом...
Спасибо.