Большой Воронежский Форум
» Веб-дизайн>opera и ie глюк?
V_L 13:18 01.09.2006
есть таблица в которой в каждой ячейке rollover image
table border="0" cellpadding="0" cellspacing="0",
image border="0"
однако все равно картинки не впритык друг к другу.
в опере отображаеться как надо, а в ie с промежутками, но надо без
в чем проблема? [Ответ]
alemiks 13:32 01.09.2006
код в студию [Ответ]
V_L 13:45 01.09.2006
<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> [Ответ]
alemiks 14:34 01.09.2006
обычный whitespace bug
или пропишите для a {display:block;} или тег </td> должен находиться на той же строке, что и закрывающий </a> [Ответ]
V_L 14:53 01.09.2006
Спасибо alemiks
я думал что html независит этого [Ответ]
alemiks 10:55 03.09.2006
кстати, js-код довольно тяжелый, особенно RestoreImg, которая изменяет все картинки
эффект rollover на js имеет смысл, если используются какие-нибудь спецэффекты, например затухание/появление/всплывание меню
в вашем случае лучше это сделать с помощью css [Ответ]
VaUlt 10:31 05.09.2006
maximn - потер Ваши чрезвычайно остроумные посты ибо оффтоп.
alemiks - борьбу умов переносите в приват или жалуйтесь мне. [Ответ]
Вверх