H
harry
Using IE 5.5 (sp2) ONLY!
My page is layed out using a table. The bottom row contains 8 images
(buttons) that are hidden/ made visible depending on what the user does.
the trouble is even though the page is initially displayed showing 4 images
the other other hidden ones seem to take up some space & increases the row
height as it wraps around.
CSS style -
..hidden{
visibility:hidden;
}
Image code (+ another 7 more ) -
<span id="actionlist" class="hidden">
<a accesskey="n" tabindex="-1" href="#"
onFocus="blur();searchActions();"></a>
<img alt="Return to escalated action list" src="buttons/newsearch.gif"
onClick="searchActions();"></img>
</span>
Hide/show js functions -
function showObject(id)
{
getElement(id).style.visibility = 'visible';
}
function hideObject(id)
{
getElement(id).style.visibility = 'hidden';
}
function getElement(id)
{
return document.getElementById(id);
}
Any ideas how to make them compact? - tried changing them to DIV's but makes
it even worse!
thanks
harru
My page is layed out using a table. The bottom row contains 8 images
(buttons) that are hidden/ made visible depending on what the user does.
the trouble is even though the page is initially displayed showing 4 images
the other other hidden ones seem to take up some space & increases the row
height as it wraps around.
CSS style -
..hidden{
visibility:hidden;
}
Image code (+ another 7 more ) -
<span id="actionlist" class="hidden">
<a accesskey="n" tabindex="-1" href="#"
onFocus="blur();searchActions();"></a>
<img alt="Return to escalated action list" src="buttons/newsearch.gif"
onClick="searchActions();"></img>
</span>
Hide/show js functions -
function showObject(id)
{
getElement(id).style.visibility = 'visible';
}
function hideObject(id)
{
getElement(id).style.visibility = 'hidden';
}
function getElement(id)
{
return document.getElementById(id);
}
Any ideas how to make them compact? - tried changing them to DIV's but makes
it even worse!
thanks
harru