Uploaded with ImageShack.us
alexii, использовал это imageshack.us.
]]>alexii, использовал это imageshack.us.
Вполне нормально. Этот сервер почти что стандартом стал на Западе.
Только, если размеры оригинала будут большими — лучше вместо оригинала вставлять preview изображения со ссылкой на оригинал.
]]>
Uploaded with ImageShack.us
alexii, использовал это imageshack.us.
]]>Если мне подскажут как картинку вставить, сделаю скриншот(если это кому то интересно), не понял как тег IMG использовать.
Например, так.
]]>Rumata, в правильном направлении мыслите. Это вообще не сайт, это программа, где в одном стиле сделаны и элементы управления(кнопки) и рабочие окошки.
Если мне подскажут как картинку вставить, сделаю скриншот(если это кому то интересно), не понял как тег IMG использовать.
Проблема заключается в том, что МСИЕ по своему, отлично от стандартов, интерпретирует стилевые правила.
Тоже так думаю.
Картинки принципиально не хочу использовать, умею, но не хочу.
К сожалению, название темы не отражает проблему, которая заключается не в том, что JS не работает для элементов внутри таблицы. Проблема заключается в том, что МСИЕ по своему, отлично от стандартов, интерпретирует стилевые правила.
]]>... но моих знаний не хватило ...
Я бы рекомендовал Вам освоить и закрепить базовые знания. В дальнейшем Вы сможете с легкостью решить, задачи подобные этой.
Стили то менять нужно не одному ДИВу.
Стили менять вообще не нужно. Надо просто менять (добавить/удалить) класс одного и только одного элемента.
]]>Rumata, всё это хорошо, но моих знаний не хватило прицепить предоставленный код к моим кнопкам.
Стили то менять нужно не одному ДИВу.
А зачем вам, простите, такой дурацкий стиль? Старайтесь делать проще.
]]>Статья на htmlbook делает то же самое теми же средствами. Только у меня углы обратные и радиус больше. Вот и вся разница.
Меня заинтересовало то, почему IE так странно реагируетИменно это и спрашивал. Надеюсь что получил немного больше.
Всем спасибо.
]]>Я с вами полностью согласен и никогда бы так не писал код. ИМХО дурацкие костыли, ради сомнительного эффекта.
Но я подошел к решению с другой стороны. Не "нафига тебе все это надо, сделай проще". Меня заинтересовало то, почему IE так странно реагирует, как простой код.
Вы пробовали запускать мой пример?
Вопрос: Как "alert();", влияет на отображение элемента? Я не пойму.
Запустите пожалуйста, не поленитесь. Мне действительно стало интересно.
<html>
<head>
<style type="text/css">
.hover,
h1.hoverable:hover,
h2.hoverable:hover {
background-color: #999;
}
</style>
<!--[if IE]>
<style type="text/css">
.hoverable {
behavior: expression(
onmouseover = function()
{
this.className += ' hover';
},
onmouseout = function()
{
this.className = this.className.replace(' hover', '');
}
);
}
</style>
<![endif]-->
</head>
<body>
<h1 class="hoverable">H1 (Hoverable)</h1>
<h1>H1 (Normal)</h1>
<h2 class="hoverable">H2 (Hoverable)</h2>
<h2>H2 (Normal)</h2>
</body>
</html>Верно ли, что Вам необходимо имитировать "переливающиеся кнопки" при перемещении указателя мыши поверх текста? Количество изменяемых объектов значения не имеет. Реальный рабочий код должен работать с любым количеством объектов. Дайте пожалуйста, подробное объяснение. Только в таком случае Вы получите быструю помощь.
Да, при наезде мыши должен поменяться фон кнопки. Если менять фон только средней части не трогая эти уголки, то работает, пока оставил так, но это не серьёзно.
Да, таких кнопок больше десятка.
В примере явно не работает кнопка в таблице, остальные работают.
Мне нужно чтобы работало в таблице.
DnsIs, спасибо за попытку.
загадка какая то.
Я день потратил чтобы понять, что не работает именно в таблице и это понимание пришло совершенно случайно. Просто в таком поведении браузера нет логики.
Ндааа, только почему то разработчики ИЕ со мной не согласны.:D
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Кто не дружит с головой</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
.R0, .R1, {border-style:solid; overflow:hidden; height:1px; border-color:red; margin:0 6px;}
.R0, .R1 {background:green;}
.R8, .U8 {background:gainsboro;}
.R0, .R1, .R3, .R8, .U3, .U8 {border-width:0 2px 0 2px;}
.R8, .U8 {color:#800000; font:italic 600 100% "Courier New", Monospace; border-color:green; border-style:solid; text-align:center;}
.curP {cursor:pointer; margin:0 5px;}
</style>
<script type="text/javascript">
onload=function(){
obj=document.getElementsByTagName("div");
l=obj.length;
while(l--){
if(obj[l].className.indexOf("R8")==0){
el=obj[l].parentNode;
s=el.innerHTML;el.innerHTML="";
i=0;
while(i!=2){el.appendChild(document.createElement("div")).className='R'+i; i++;};
el.innerHTML+=s;
while(i--){el.appendChild(document.createElement("div")).className='R'+i;}
}
};
};
</script>
</head>
<body>
<br>
<table border=0 width="100%" cellpadding=0 cellspacing="0"><tr><td>
<div><div class="R8">Ввод1</div></div>
</td></tr></table>
<br>
<table border=0 width="100%" cellpadding=0 cellspacing="0"><tr><td>
<div>
<div class="R0"></div>
<div class="R1"></div>
<div class="U8">Ввод2</div>
<div class="R1"></div>
<div class="R0"></div>
</div>
</td></tr></table>
<br>
<div><div class="R8">Ввод3</div></div>
<br>
</body>
</html>2 блок, глючит. Добавим, казалось бы неважный alert('');
.....
while(i--){el.appendChild(document.createElement("div")).className='R'+i;}
alert('');
.....и все отрабатывает по другому. Я сломал голову.
]]>