Кнопки-ссылки. Псевдокласс hover - HTML и CSS

Talsy · 17.05.2008, 02:01

Плзз, помогите совсем чайнику. У меня есть две нарисованные кнопки в формате .gif (одна темно зеленая, другая светлей. Нужно разместить три(темно-зеленых) кнопки в виде меню в ячейке таблицы(сайт весь с помощью таблиц), написать на них Главная,и Новости и сделать их ссылками , при этом прописать псевдокласс a:hover таким образом чтобы при наведении мышкой на кнопку, она изменялась на ту вторую светло-зеленую, ну те типа эффект что фон кнопки меняется. Мои пробы привели к тому, что когда я вписываю url изображения кнопки в бэкграунд, а ссылкой делаю как бы сам текст (Главная итд), то изображение кнопки обрезается по размеру текста...

Johnatan · 17.05.2008, 02:25

Добавь в описание стиля ячейки таблицы, в которой размещаешь кнопку, "width: 100px;" - только 100px замени на ширину твоей кнопки в пикселях.

Talsy · 17.05.2008, 23:25

Но тгда меняется весь рисунок, сайт создан в таблице ( графический рисунок), елсли меняю ширину-рисунок нарушается...

Johnatan · 18.05.2008, 03:11

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

17.05.2008, 02:01	#1
Talsy Новичок Джуниор Регистрация: 09.02.2008 Сообщений: 2	Кнопки-ссылки. Псевдокласс hover Плзз, помогите совсем чайнику. У меня есть две нарисованные кнопки в формате .gif (одна темно зеленая, другая светлей. Нужно разместить три(темно-зеленых) кнопки в виде меню в ячейке таблицы(сайт весь с помощью таблиц), написать на них Главная,и Новости и сделать их ссылками , при этом прописать псевдокласс a:hover таким образом чтобы при наведении мышкой на кнопку, она изменялась на ту вторую светло-зеленую, ну те типа эффект что фон кнопки меняется. Мои пробы привели к тому, что когда я вписываю url изображения кнопки в бэкграунд, а ссылкой делаю как бы сам текст (Главная итд), то изображение кнопки обрезается по размеру текста...

17.05.2008, 02:25	#2
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Добавь в описание стиля ячейки таблицы, в которой размещаешь кнопку, "width: 100px;" - только 100px замени на ширину твоей кнопки в пикселях. 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

18.05.2008, 03:11	#4
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Сначала научитесь правильно верстать, а уже потом добавляйте "крутые спецэффекты". 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ссылки!!!	саманта	Помощь студентам	18	27.09.2008 21:38
Ссылки	vitekbest	Помощь студентам	1	01.06.2008 19:28
Ссылки	Принц	HTML и CSS	1	31.05.2008 15:46
UCOZ: Кнопки кнопки на изображении	ReDuX	HTML и CSS	19	25.04.2008 02:39
триггерные кнопки и кнопки переключатели в DELPHI	MARGO	Помощь студентам	3	12.11.2007 17:35

17.05.2008, 23:25	#3
Talsy Новичок Джуниор Регистрация: 09.02.2008 Сообщений: 2	Но тгда меняется весь рисунок, сайт создан в таблице ( графический рисунок), елсли меняю ширину-рисунок нарушается...