Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: границы кнопки

Сообщения:  [1-3] 

 
 автор: servannin   (23.08.2005 в 23:31)   письмо автору
 
   для: codexomega   (23.08.2005 в 23:11)
 

Я вам тут изменил CSS,а то у вашего много лишнего :)
Изменяйте его как вам нужно и добавляйте...
Вот код :

<html>
<head>
<style>
.P123{background-image:URL(panel/img/srch.png); 
width:70;
border-top: solid red; 
border-right: solid red; 
border-bottom: solid red; 
border-left: solid red; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
cursor:hand;}
</style>
<script>
function change_color(id){
id = event.srcElement.id;
document.getElementById(id).style.borderColor='green';
}
</script>
</head>
<body>
<p onclick="change_color(id)" class="p123" id="id1">Change color</p>
</body>
</html>

Если вам нужно,чтобы цвет менялся обратно,напишите,помогу...хотя тут всё просто,можно и самому догадаться... 8-)

   
 
 автор: codexomega   (23.08.2005 в 23:11)   письмо автору
 
   для: smalik   (23.08.2005 в 05:21)
 

А вы что-то предпринимаете для изменения цвета границ?
Например: JavaScript onClick()?
В таком случае, в стилях создается класс.Кнопка относится к определенному классу при загрузке страницы, а при нажатии на неё, её класс меняется.

   
 
 автор: smalik   (23.08.2005 в 05:21)   письмо автору
 
 

Каким образом можно изменить цвет границы кнопки при нажатии на неё?
Вот код, но он как-то не так работает:


style="background-color: ffffff;background-image:URL(panel/img/srch.png); background-repeat: no-repeat; background-position: center; border-style: none; height:20; width: 20;  COLOR: #858584; font-weight: bold;  FONT-FAMILY: Tahoma, Helvetica, Arial sans-serif; font-size: 10px; text-align: left; border-style: solid; border-width: 1px; border-color: #000000; BORDER-LEFT: 1px outset; BORDER-LEFT-COLOR: #d3d4d8; BORDER-BOTTOM: #ffffff 1px outset; BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #e8e3d8 1px outset; BORDER-TOP-COLOR: #d3d4d8; cursor: hand;"

   

Сообщения:  [1-3] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования