Помогите по html)

Тема: Помогите по html)

цитата
14/05/08 в 03:19

moderate
Уработался совсем) заклинело на сделать кнопку картинку чтоб при на ведении менялась) помню раньше делал кнопки такие давно, просто было как два пальца..., в самом теге ссылки, вроде, писалось что-то, забыл((
полез гугл , яндекс, везде одно и тоже - решение с яваскриптом.
Так и ненашел обычный старый способ с html.
МОжет кто помнит?)))

цитата
14/05/08 в 04:09

wMaster
есть такое решение

Код:

input.btn
{
width: 100px;
height: 25px;
background: url(img.jpg);
}

input.btn:hover
{
background: url(img_over.jpg);
}



<form>
<input type="image" class="btn" src="s.gif" value="button" />
</form>

где s.gif это однопиксельный 1х1 прозрачный гиф

цитата
14/05/08 в 07:54

Otchenash
Код:

Такое надо?

цитата
14/05/08 в 13:39

moderate
Otchenash писал:

Код:

Такое надо?

не там всё проще было.
попробовал этот - работает ткоа одна кнопка когда делаеш вторую обе отказывают)

цитата
14/05/08 в 16:17

Otchenash

в каждой следующей меняй img1 на img2, img3, ....., imgN, и всё заработает. Пользовался этим способом, когда еще флэша в помине не было. Самый простой способ насколько знаю.

цитата
14/05/08 в 17:21

Petek
можно например так

стили:
a {width: 200px ; display: block; background: url(image1.jpg) no-repeat center top;}
a:hover {background: url(image2.jpg) no-repeat center top;}

в теле документа
<a href="">Кнопка</a>

вместо 200 пикселей можно, конечно, сколько угодно, но если картинка фиксированного размера, надо её размер и указать,
или не указывать ширину, а указать padding, тогда ширина будет меняться в зависимости от длины текста в ссылке

для бэкграунда можно вместо no-repeat center top указывать то что нужно, например если картинка повторяется по вертикали repeat-y и так далее

можешь вообще "Кнопка" в ссылке не писать, но в стилях указать ширину и высоту ссылки

цитата
14/05/08 в 20:09

moderate
сколько разный способов CSS.
что никто не понит старый добры штмл способ?)

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

бля, я уже начинаю думать что мне это приснилось))

цитата
14/05/08 в 20:16

erobrand
Делаю аки Петек, штмл способа - не знаю..

цитата
14/05/08 в 20:18

wMaster
html без css и js полностью статичен. Чем тебя ксс не устраивает? Он не отключается как js.

цитата
14/05/08 в 20:42

Otchenash
Цитата:

html без css и js полностью статичен.

Зря ты так

Помоему мой пример как раз тому подтверждение. А еще средствами хтмл текст сам двигается, что тоже не статика совсем. Наверное ты имел ввиду всётаки не статичность ,а неинтерактивность, хотя onmouseover в теге "а" уже обеспечивает эту самую интерактивность.

цитата
14/05/08 в 21:45

erobrand
я конечно могу ошибаться, но onmouseover - уже скриптом считается...вроде=)

цитата
14/05/08 в 22:04

Otchenash
Может гдето и считается (что естественно, ведь это всё-таки обработка события), но в чистом хтмле это обрабатывается без всяких <скрипт>, просто в теге <а>.

цитата
14/05/08 в 22:41

wMaster
да?

... а теперь отключи javascript и посмотри как оно будет работать. Твой пример полностью сделан на javascript.

цитата
15/05/08 в 01:17

Otchenash
Хз как насчет javascript, но я так делал еще в девяностых, когда про яву слыхом не слыхивал.

цитата
15/05/08 в 15:18

moderate
сделал в итоге по примеру Petek и wMaster, с прозрачным гифом, но гемор это имхо). так никто и не вспомнил старый простой способ сделать на хтмл кнопку).

вопрос остается открытым) - ради интереса)

цитата
15/05/08 в 17:58

wMaster
Мне кажется что за давностью времени у тебя уже исказилось воспоминание.

цитата
17/05/08 в 18:36

adultmylife
Otchenash писал:

Хз как насчет javascript, но я так делал еще в девяностых, когда про яву слыхом не слыхивал.

ява бесспорно - оптимальный вариант

цитата
18/05/08 в 00:18

andreich
Otchenash писал:

Хз как насчет javascript, но я так делал еще в девяностых, когда про яву слыхом не слыхивал

ХЗ помойму ты путаешь педали
javascript - это javascript
java - это java

незнаю как там с java в 90-х а вот, javascript тогда уже юзали, и пополной

цитата
18/05/08 в 00:21

alexpotemkin
у Otchenash нормальный пример, то что нужно как по мне
Код:

проверял работает и в ослике и в файрфоксе

Новая тема Ответить

Эта страница в полной версии