[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... Тема только по сайтам в системе uCoz » Отступ в спойлере с именем спойлера и без. Кроссбраузерно

Отступ в спойлере с именем спойлера и без. Кроссбраузерно
[1] MoVeMix [25.09.2011, 18:36]
У меня встал вопрос biggrin
Если к примеру даешь название спойлера spoiler=Вася петя то он норм будет отображаться:

(спойлер переделан уже с мой дороботкой)



Но если же не давать имя спойлеру, то есть оставить его просто вот так: [spoiler]

то кнопка + \ - получаются слитно, как пофиксить баг? smile



Сообщение отредактировал MoVeMix - Воскресенье, 25.09.2011, 18:37
[2] RazieL [26.09.2011, 00:23]
MoVeMix, Попробуй задать padding изображению или имени спойлера...
[3] MoVeMix [26.09.2011, 02:17]
RazieL, подробнее....
[4] RazieL [26.09.2011, 02:53]
MoVeMix, сайт в студию(можете в ЛС) или фрагмент кода спойлера, чтобы было проще... и я вся разъясню, а то на пальцах показывать не очень понятно будет... happy
[5] MoVeMix [26.09.2011, 18:26]
RazieL, сайт.

фрагмент кода в CSS:

Доступно только для пользователей

Так же ява:

после мессаги

Доступно только для пользователей
[6] RazieL [27.09.2011, 03:39]
MoVeMix, Ну я пожалуй вижу только 1 вариант, по сути этот фрагмент(синим, подчеркнутый)
Quote (css)
input.uSpoilerButton {font:bold 11px/1 Verdana,sans-serif;padding:3px 3px 4px 10px;margin-left:5px;cursor:pointer;width:100%;height:22px;text-align:left;border:0 none;outline:0 none;color:#000000;background:transparent url('/design_awsp/images/block_img/sp-btn.gif') no-repeat scroll left 6px;}
input.uSpoilerButton::-moz-focus-inner{border:0 none;}

отвечает за отступ от картинки.
Тут все дело в пробеле, который стоит у именованного спойлера между [+/-] и именем спойлера, а у спойлера без имени нет ни [+/-] ни проблема, вот посмотри...


Ты можешь попробовать увеличить отступ, вместо 10px поставь 14px, но в таком случаем у спойлера, который ты не назвал, отступ будет чуть меньше, чем у спойлера, что с именем...


Сообщение отредактировал RazieL - Вторник, 27.09.2011, 03:48
[7] likbezz [11.10.2011, 16:38]
RazieL,
Code
.uSpoilerButton[value*="спойлер"]{твои стили}


... или кроссбраузерно, скриптом ....
Code
$('#forumContent input.uSpoilerButton[value*="спойлер"]').addClass('noPadd');


Или при помощи стилей + expression дли ИЕ ...
...


Полная версия сайта