Как вытянуть кнопку немного влево в DLE?

K
На сайте с 13.11.2009
Offline
169
780

В стандартном шаблоне Pisces есть кнопка под короткой новостью ПОДРОБНЕЕ , я её сделала Комментарии Вот скрин:

Сама картинка кнопки выглядит так:

А код в файле стилей отвечающий за за эту кнопку вот такой:

/*---Подробнее---*/
.mlink { margin-bottom: 7px; height: 35px; background: #f1f0ed url("../images/mlink.png") no-repeat; }
.mlink .mlink { margin: 0; padding: 4px 3px 0 7px; height: 31px; background: url("../images/mlink.png") no-repeat 100% -35px; }

.argmore a, .argmore a b, .argpoll a, .argpoll a b { float: left; height: 28px; background: url("../images/argmore.png") no-repeat; }
.argpoll a, .argpoll a b { background: url("../images/argpoll.png") no-repeat; }
.argmore a, .argpoll a { margin-left: 5px; float: right; line-height: 24px; color: #fff; text-decoration: none; background-color: #76b41a; }
.argmore a b, .argpoll a b { cursor: pointer; padding: 0 14px; background-position: 100% -28px; }

.argpoll a { background-color: #fff; color: #61a117; text-shadow: 0 1px 0 #fff; }
.argpoll a b { padding: 0 38px 0 14px; }

.argmore a:hover, .argpoll a:hover { background-position: 0 -56px; }
.argmore a:hover b, .argpoll a:hover b { background-position: 100% -84px; }

.isicons { display: inline; }
.isicons li { float: right; width: 19px; height: 19px; margin-top: 4px; }
.isicons li img { display: block; }

/*---ratebox---*/

Именно ../images/argmore.png это та самая картинка кнопки...Теперь вот уже часа 4 мучаюсь никак не могу сделать так чтобы в кнопку можно было вместить два слова ДОБАВИТЬ КОММЕНТАРИЙ....Значит мне её нужно подвинуть чуть влево и вытянуть в два раза , чтоб она была на том же месте но была в два раза диннее...Никак не получается, она у меня съезжает не туда куда надо...Помогите плиз ... что надо в коде подправить?

Z0
На сайте с 03.09.2009
Offline
827
#1

Без сайта тяжело понять как вам помочь :)

K
На сайте с 13.11.2009
Offline
169
#2

Мне нужно удлинить кнопку КОММЕНТАРИИ влево , чтоб в неё поместилось ещё одно слово.

Coolmac
На сайте с 08.09.2011
Offline
60
#3

А Вы пробовали просто вписать туда фразу Добавить комментарии?

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
K
На сайте с 13.11.2009
Offline
169
#4
Coolmac:
А Вы пробовали просто вписать туда фразу Добавить комментарии?

пробовала, надпись вылезает перед кнопкой :(

nikonoff
На сайте с 16.01.2008
Offline
75
#5
.argmore a, .argmore a b, .argpoll a, .argpoll a b { float: left; height: 28px; background: url("../images/argmore.png") no-repeat; }

1) no-repeat; поправьте на repeat;

2) задайте необходимую вам ширину элемента, допустим width: 200px;

3) выбраните с элемент с помощью margin: 0px 0px 0px -60px;

Coolmac
На сайте с 08.09.2011
Offline
60
#6

Специально открыл этот шаблон из коробки и вписал текст - все работает, кнопка растягивается. Html-код кнопки у меня выглядит вот так:

<span class="argmore"><a href="http://dle10.2.zzz/main/1-post1.html"><b>Подробнее Подробнее</b></a></span>



---------- Добавлено 28.10.2014 в 10:21 ----------

1) no-repeat; поправьте на repeat;
2) задайте необходимую вам ширину элемента, допустим width: 200px;
3) выбраните с элемент с помощью margin: 0px 0px 0px -60px;

Причем здесь это? кнопка резиновая и фон будет тянутся столько пикселей, сколько длина спрайта.

K
На сайте с 13.11.2009
Offline
169
#7

теперь при длинной надписи кнопка рвётся

Coolmac
На сайте с 08.09.2011
Offline
60
#8
кнопка резиновая и фон будет тянутся столько пикселей, сколько длина спрайта.

Кстати вот возможно альтернативный вариант без спрайта.

psics
На сайте с 02.04.2009
Offline
130
#9

идеальный вариант - сделать на ксс

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий