Консультация онлайн # 161013

Раздел: HTML / DHTML / XML / CSS
Автор вопроса: Dan Ger
Дата: 20.02.2009, 17:51 Консультация неактивна
Поступило ответов: 1
Здравствуйте! Помогите решить проблему.
Есть ссылка со словом "Подробнее..." у неё в качестве background поставлена картинка кнопки, НО ни как не получается сделать так, что бы эта картинка "тянулась" в след за текстом.... то есть у меня получается так что У слова Подробнее выходят за пределы картинки 5 последних символов. А хотелось бы конечно что бы картинка увеличивалась или уменьшалась в зависимости от длинны слова.
Или как растянуть картинку, хотя бы на фиксированную длину

Вызывается вот так:

<tbody>
<tr>
<td colspan="2">
<a href="/teh/index.php?option=com_content&view=article&id=2:-photoshop-cs-&catid=13:2009-02-17-10-05-55&Itemid=13" class="readon">
Подробнее...</a>

</td>
</tr>

</tbody>

CSS в приложении...
Приложение:

Ответ # 1, Burda (Посетитель)

Здравствуйте, Dan Ger!
Картинка в виде кнопки? Предлагаю изображение кнопки разделить на три части: первая часть - левая граница кнопки (btnleft.jpg), вторая - правая (btnright.jpg), а третья - центральная часть (btncenter.jpg), которая растягивается. Ширина центральной картинки может быть равна одному пикселю. Затем вложить друг в друга 3 span, а в них саму ссылку. Внешний span левую границу отображает. Вложенный в него - правую границу. Ну а вложенный во второй - центральную часть. HTML-код привожу в приложении.

Приложение:

Последнее редактирование 22.02.2009, 02:28 deepTeNk (Мастер-Эксперт)


Burda

Посетитель
22.02.2009, 02:05
Нет оценки ответа

Мини-форум консультации # 161013


Нет сообщений в мини-форуме
Возможность оставлять сообщения в мини-форумах консультаций доступна только после входа в систему.
Воспользуйтесь кнопкой входа вверху страницы, если Вы зарегистрированы или пройдите простую процедуру регистрации на Портале.