buttons not showing up until rollover

cobrien11 · Feb 8, 2005

Hello,

I've got a button with a swap image behaviour repeated about 30 times one below the other down a page.

When I view the page (IE6) all the buttons come up as a transparent square with a - in it until i run the curser over them, then they are fine.

The page was viewing fine when I had around 10 copies of the same button.

Any ideas?

dmacster · Feb 9, 2005

Does the source all match the original? Is it on a layer that's set to hidden? Did the image source move and hasn't been updated?

A few ideas to check without more info.

Donna

cobrien11 · Feb 10, 2005

Thanks for the response dmacster,

Everything is ok after I run the curser over it, so I assume everything is in the right spot.

If I refresh the page in IE sometimes they become visiable, sometimes not.

I tried starting from scratch but the same thing happened after 10-15 copies.

dmacster · Feb 11, 2005

Well, post the relevant code and perhaps we can see what's dropping.

Donna

cobrien11 · Feb 13, 2005

<div id="Layer6" style="position:absolute; left:285px; top:151px; width:275px; height:368px; z-index:6; overflow: auto; visibility: visible">
<div align="left">
<a href="forms/action.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but2','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but2" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
action 


<a href="forms/application%20for%20leave.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but21','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but21" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
application
for leave 
<a href="forms/art_requirements.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but2110','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but2110" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
art requirements 


<a href="forms/Carpet%20&%20Flooring.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but22','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but22" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
carpet
& flooring 


<a href="forms/client%20goods%20register.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but23','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but23" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
client
goods register 


<a href="forms/client%20record.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but24','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but24" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
client
record 


<a href="forms/contract%20schedule.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but25','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but25" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
contract
schedule 


<a href="forms/custom%20signage.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but26','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but26" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
custom
signage 


<a href="forms/design%20brief.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but27','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but27" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
design
brief 


<a href="forms/display%20checklist.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but28','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but28" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
display
checklist 


<a href="forms/drawing%20analysis.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but29','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but29" border="0" src="assets/but2_r1_c1.gif" width="20" height="17"></a>
drawing
analysis 


<a href="forms/exhibition%20checklist.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but210','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but210" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
exhibition
checklist 


<a href="forms/exhibition%20enquiry%201.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but211','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but211" border="0" src="assets/but2_r1_c1.gif" width="21" height="18"></a>
exhibition
enquiry 1 


<a href="forms/exhibition%20enquiry%202.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but212','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but212" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
exhibition
enquiry 2 

 <a href="forms/Fascia.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but213','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but213" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fascia
signage 


<a href="forms/fax.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but214','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but214" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax 


<a href="forms/fax-db.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but215','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but215" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax db 


<a href="forms/fax-gk.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but216','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but216" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax gk
 


<a href="forms/fax-lb.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but217','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but217" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax lb 


<a href="forms/fax-pw.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but218','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but218" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax pw 


<a href="forms/fax-tw.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but219','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but219" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
fax tw 


<a href="forms/floorplan.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but220','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but220" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
floorplan 


<a href="forms/interview%20form.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but221','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but221" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
interview
form 


<a href="forms/job%20advice.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but222','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but222" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
job advice 


<a href="forms/job%20schedule.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but223','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but223" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
job schedule 


<a href="forms/labour%20record.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but224','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but224" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
labour
record 


<a href="forms/labour%20requirements.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but225','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but225" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
labour
rquirements 


<a href="forms/Lighting%20&%20power.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but226','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but226" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
lighting
& power 


<a href="forms/load%20list.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but227','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but227" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
load
list 

<a href="forms/memo.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but228','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but228" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
memo
 

<a href="forms/new%20employees.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but229','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but229" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
new employees 

<a href="forms/petty%20cash.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but230','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but230" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
petty
cash 

<a href="forms/productions%20check%20list.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but231','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but231" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
productions
checklist 

<a href="forms/productions%20daily%20planner.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but232','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but232" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
productions
daily planner 

<a href="forms/productions%20project%20planner.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but233','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but233" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
productions
project planner 

<a href="forms/sales%20action.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but234','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but234" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
sales
action 

<a href="forms/sign%20schedule.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but235','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but235" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
sign
schedule 

<a href="forms/special%20action.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but236','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but236" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
special
action 

<a href="forms/sub%20hire%20display%20items.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but237','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but237" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
sub hire
display items 

<a href="forms/things%20to%20do.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but238','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but238" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
things
to do 

<a href="forms/tool%20register.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but239','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but239" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
tool
registar 

<a href="forms/uniform%20deposit.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but240','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but240" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
uniform
deposit 

<a href="forms/weekly%20sales%20report.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but241','','assets/but2_r1_c1_f2.gif',1)" target="_blank"><img name="but241" border="0" src="assets/but2_r1_c1.gif" width="21" height="17"></a>
weekley
sales report


</div>
</div>

crystalized · Feb 14, 2005

Hi,

My thought is that with a big list of linked images like that you might want to explore changing it over to text links and using CSS to cause a rollover effect on the plain text.

Just a consideration - don't know if it is possible for your circumstances.

Crystal
--------------------------------------------------

Experience is one thing you can't get for nothing.

-Oscar Wilde

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

buttons not showing up until rollover

cobrien11

Technical User

dmacster

Technical User

cobrien11

Technical User

dmacster

Technical User

cobrien11

Technical User

crystalized

Programmer

Similar threads

Part and Inventory Search

Sponsor