есть таблица в которой в каждой ячейке rollover image
table border="0" cellpadding="0" cellspacing="0",
image border="0"
однако все равно картинки не впритык друг к другу.
в опере отображаеться как надо, а в ie с промежутками, но надо без
в чем проблема?
[Ответ]
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
(store.indexOf('document.all[')==0 && document.all==null))
store = 'document'+store.substring(store.lastIndexOf('.'), store.length);
obj = eval(store);
if (obj != null) {
switcher[keep++] = obj;
switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
obj.src = SwitchImg.arguments[rem+2];
} }
document.Data = switcher;
} //end
function RestoreImg()
{ //start
if (document.Data != null)
for (var rem=0; rem<(document.Data.length-1); rem+=2)
document.Data[rem].src=document.Data[rem+1];
} //end
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.a1','document.a1' ,'imb/1a.gif')"><a href="imb/1.gif" name="a1" width="133" height="20" border="0" ></a>
</td>
</tr>
<tr>
<td><a href="" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.a2','document.a2' ,'imb/2a.gif')"><a href="imb/2.gif" name="a2" width="133" height="20" border="0" ></a>
</td>
</tr>
<tr>
<td><a href="" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.a3','document.a3' ,'imb/3a.gif')"><a href="imb/3.gif" name="a3" width="133" height="20" border="0" ></a>
</td>
</tr>
<tr>
<td><a href="" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.a4','document.a4' ,'imb/4a.gif')"><a href="imb/4.gif" name="a4" width="133" height="20" border="0" ></a>
</td>
</tr>
<tr>
<td><a href="" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.a5','document.a5' ,'imb/5a.gif')"><a href="imb/5.gif" name="a5" width="133" height="20" border="0" ></a>
</td>
</tr>
</table>
[Ответ]
кстати, js-код довольно тяжелый, особенно RestoreImg, которая изменяет
все картинки
эффект rollover на js имеет смысл, если используются какие-нибудь спецэффекты, например затухание/появление/всплывание меню
в вашем случае лучше это сделать с помощью css
[Ответ]