Как правильно сделать в Adobe - Dreamweaver

G
На сайте с 03.12.2006
Offline
54
1366

Вопрос следующий:

Вот страничка http://5094055.7127957.ru/ на ней слева меню, которое выполненно всемизвестным способом при помощи графических кнопок.

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

Не можем подобрать соответствующие настройки для данного текста с такими свойствами.

Yurecm
На сайте с 25.02.2007
Offline
233
#1

Если прально понял, счас с телефона. Нужно сылку блоком делать, и в ней фоном рисунок.

P
На сайте с 08.03.2007
Offline
250
#2

Размещайте не просто текст, а ссылку

G
На сайте с 03.12.2006
Offline
54
#3
Yurecm:
Если прально понял, счас с телефона. Нужно сылку блоком делать, и в ней фоном рисунок.

если фоном делать рисунок он не будет активным, т.е. кнопка не мигает.

G
На сайте с 03.12.2006
Offline
54
#4
Pilat:
Размещайте не просто текст, а ссылку

это я понимаю, но когда наводишь не на кнопку, а на текст под которым кнопка, то она не мигает. Задача заставить кнопку быть активной независимо от того куда мы подвели мышку, на кнопку или на текст над кнопкой. сейчас приходится для каждой кнопки делать отдельнвые картинки с различными подписями.

neznaika
На сайте с 28.06.2006
Offline
356
#5

graver, юзайте CSS и псевдоселектор hover.

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
S
На сайте с 26.04.2006
Offline
86
#6

На сколько я понял то нужно именно это

G
На сайте с 03.12.2006
Offline
54
#7
Strom:
На сколько я понял то нужно именно это

Если текст там не является частью картинки, то да, но как это сделать в Dreamweaver-е, какие настройки для текста прописывать?

S
На сайте с 26.04.2006
Offline
86
#8

Текст на кнопках это именно текст. Откройте файл, весь исходный код там есть.

Если вы хотите сделать при помощи визуальных средств в визуальном редакторе, то скорее у Вас ни чего не выйдет. Нужно руками при помощи CSS и HTML

Может так понятней будет

<style>


#menu a:link, #menu a:visited {
display: block;
width:192px;

background: url(razdeli_fon.png) no-repeat;

text-align: left;
vertical-align: middle;

font-family:Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color:#ffffff;

padding-top: 7px;
padding-left: 6px;

height: 22px !important;
height: 29px;
}

#menu a:hover {
background-position: 0px -29px;
text-decoration: none;
color: #ffffff;
}

</style>

<div id="menu">
<a href="/" >Главная</a>
<a href="/" >Новости</a>
<a href="/" >Статьи</a>
</div>

Файл фона

G
На сайте с 03.12.2006
Offline
54
#9

Strom и остальные

Спасибо за отклик, в понедельник думаю доковыряю эту "проблему".

G
На сайте с 03.12.2006
Offline
54
#10
Strom:
Strom

Спасибо за удочку, наловили рыбы то что надо.

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