X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Подсветка кнопок
Interface
Interface
Topic Starter сообщение 1.3.2010, 14:40; Ответить: Interface
Сообщение #1


Придесловие (кому не надо читать с 3 абзаца):
И так роясь в нете в поисках ответов на мои многочисленные вопросы (не только HTML) я наткнулся на ваш сайт... Моя тема возможно покажется вам банальной или легко находимой... НО! Все-таки большая просьба дочитать до конца темы, перед возможной критики, криков "Нуб! :rjunimagu:" ... ну и т.д. Надеюсь на понимание...
Итак недавно я задался целью написать сайт, при том сделать это используя минимум средств - то есть блокнот и Photoshop... При том без js, css и php(т.к. гостевые книги\форумы\голосования пока не интересуют)... То есть чистый Html. С Html я достаточно давно знаком, но не шибко хорошо. Изучал его по книге Вадима Дунаева "Html, скрипты и стили".
Итак задача стоит такая: сделать меню сайта, используя исключительно Html. Оно должно состоять из N-го числа пунктов, представляющих из себя изображения (формата png). При том при наведении на них курсора они подсвечивались (единственное возможное решение, с небольшими затратами на обработку я вижу в смене картинки на другую)... + Надо сделать их "вдавливание" при нажатии (реализуется я так понимаю тем же способом). Возможно это покажется вам необычным, но я все это сделал... При том оно работало! В этот момент у вас наверно созрел вопрос "зачем я все это тогда пишу?!". Дело как раз таки в том что оно работалО, но не работает сейчас... почему мне абсолютно не понятно.. Использовал такую констркцию: таблица для выравнивания кнопок, в ней строка, в ней 4 ячейки (сейчас 4 кнопки), в них изображения кнопок. У каждой ячейки по событию OnMouseOver, OnMouseOut, OnMouseDown, OnMouseUp происходит смена картинки внутри ячейки на соответствующию... Код:
<html>
<table border=1 cellpadding=0 align=center width=80%>
<tr>

<td onmouseover='main.src="img\main2.png"'
onmouseout='main.src="img\main.png"'
onmousedown='main.src="img\main1.png"'
onmouseup='main.src="img\main2.png"'>
<div align=center>
<Img name=main src='img\main.png'></div></td>


<td onmouseover='about.src="img\about2.png"'
onmouseout='about.src="img\about.png"'
onmousedown='about.src="img\about1.png"'
onmouseup='about.src="img\about2.png"'>
<div align=center>
<Img name=about src='img\about.png'></div></td>


<td onmouseover='pascal.src="img\pascal2.png"'
onmouseout='pascal.src="img\pascal.png"'
onmousedown='pascal.src="img\pascal1.png"'
onmouseup='pascal.src="img\pascal2.png"'>
<div align=center>
<Img name=pascal src='img\pascal.png'></div></td>


<td onmouseover='resh.src="img\resh2.png"'
onmouseout='resh.src="img\resh.png"'
onmousedown='resh.src="img\resh1.png"'
onmouseup='resh.src="img\resh2.png"'>
<div align=center>
<Img name=resh src='img\resh.png></div></td>


</tr>


</table>

</html>
Картинки: about, resh, main, pascal - изображают 4 кнопки в нормальном состоянии, приставка 1 - кнопка нажата, 2 - подсвечена.
Так вот все это у меня работало в пятницу на MozilaFireFox, возможно это связвно с какими то настройками браузера, но сейчас это увы не работает... А IE вобще жалуется на "Активное содержимое".
P.S. просьба ориентировать ответ на школьника, без особо сложных слов\терминов...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 1.3.2010, 15:27; Ответить: Apay
Сообщение #2


(Interface @ 1.3.2010, 16:40) *
При том без js, css
не согласуерся с
(Interface @ 1.3.2010, 16:40) *
При том при наведении на них курсора они подсвечивались
нужен как минимум css, а еще лучше js, кстати, onmouse... и есть этот самый js :hihi:

код был с ошибками, немного поправил
<html>
<body>
<table border="1" cellpadding="0" align="center" width="80%">
<tr>
<td align="center"><a href="main.html"><img src="img/main.png" border="0"
onmouseover="this.src='img/main2.png'"
onmouseout="this.src='img/main.png'"
onmousedown="this.src='img/main1.png'"
onmouseup="this.src='img/main2.png'"></a></td>
...

</tr>
</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Interface
Interface
Topic Starter сообщение 3.3.2010, 16:49; Ответить: Interface
Сообщение #3


:goodpost:спасиб... сейчас работает.. а из-за чего конкретно не работало до этого?:niasilil:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Дизайн кнопок, доработка элементов графики
Требуется исполнитель
5 ARsHi 1405 6.10.2020, 20:04
автор: JOHNY
Открытая тема (нет новых ответов) Персональный дизайн социальных кнопок
18 komissarov 8653 31.10.2012, 13:50
автор: Blogolady


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:10
Дизайн