Jump to content
  • 0

В IE глючит рамка при наведении


ags
 Share

Question

Вот код таблицы. Там три колонки, при наведении на каждую меняется цвет. Но только в експлорере пунктирная рамка иногда перебивается какой-то черной.

<TABLE height=230 cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top width=454>
<table border=0 width=100%>
<tr height=176>
<td align=left>
<div onclick="makeselect_s(1);" onmouseover="mouse_over(1);" onmouseout="mouse_out(1);">
<table id=s1 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
<tr height=176><td width=132 align=center>

<font style='FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana'>
Первая колонка


<script>
prbtn("c1b1","Ctr + 1");
prbtn("c1b2","Ctr + 2");
prbtn("c1b3","Ctr + 3");
</script>


</font>

</td></tr>
</table>
</div>
</td>
<td align=center>
<div onclick="makeselect_s(2);" onmouseover="mouse_over(2);" onmouseout="mouse_out(2);">
<table id=s2 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
<tr height=176><td width=132 align=center>

<font style="FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana">
Вторая колонка


<script>
prbtn("c2b1","Ctr + 4");
prbtn("c2b2","Ctr + 5");
prbtn("c2b3","Ctr + 6");
</script>


</font>

</td></tr>
</table>
</div>
</td>
<td align=right>
<div onclick="makeselect_s(3);" onmouseover="mouse_over(3);" onmouseout="mouse_out(3);">
<table id=s3 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
<tr height=176><td width=132 align=center>

<font style="FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana">
Третья колонка


<script>
prbtn("c3b1","Ctr + 7");
prbtn("c3b2","Ctr + 8");
prbtn("c3b3","Ctr + 9");
</script>


</font>

</td></tr>
</table>
</div>
</td>
</tr>
</table>

А вот еще явакод:

<script>
var cur_c=1;
var arr_names=new Array();
var arr_links=new Array();


for(i=1;i<=9;i++) {
arr_names[i]="Кнопка "+i;
arr_links[i]="http://";
}

function prbtn(id,prname) {
document.write("
<table style='FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana' background='pr_1.gif' width=101 height=22 id="+id+"><tr><td align=center>"+prname+"</td></tr></table>");
}
function makeselect(n) {
for(i=1;i<=3;i++) {
for(a=1;a<=3;a++) {
document.getElementById("c"+a+"b"+i).background="pr_1.gif";
}
}
document.getElementById("c"+cur_c+"b"+n).background="pr_2.gif";
}
function makeselect_s(n) {
for(c=1;c<=3;c++) {
arr_names[(cur_c-1)*3+c]=document.getElementById("name"+c).value;
arr_links[(cur_c-1)*3+c]=document.getElementById("link"+c).value;
}

cur_c=n;
for(i=1;i<=3;i++) {
document.getElementById("s"+i).style.backgroundColor="#ffffff";
}
document.getElementById("s"+n).style.backgroundColor="#F7F7F2";
makeselect(1);
document.getElementById("name1").select();

for(c=1;c<=3;c++) {
document.getElementById("name"+c).value=arr_names[(n-1)*3+c];
document.getElementById("link"+c).value=arr_links[(n-1)*3+c];
}
}
function mouse_over(n) {
document.getElementById("s"+n).style.backgroundColor="#FBFBF8";
}
function mouse_out(n) {
if(n==cur_c) {
document.getElementById("s"+n).style.backgroundColor="#F7F7F2";
} else {
document.getElementById("s"+n).style.backgroundColor="#ffffff";
}
}

function holdplace(i,h) {
if(document.getElementById(i).value=="") {
document.getElementById(i).value=h;
}
}

function next() {
a=cur_c;
a++;
if(a>3) { a=1; }
makeselect_s(a);
}

</script>

Что тут не так? :)

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy