Elemen7s Posted September 7, 2009 Share Posted September 7, 2009 Hi, web design is just a hobbie for now and i would like to know if this could happen. Note : Im using Dream Weaver I have a rollover image and i would like it to, when the cursor is over the image instead of flipping to the other image i need it to disappear. So behind the picture there would be more than one link to click on. Is that possible ? If you have any other question please ask. Thanks for reading Regards Delta Quote Link to comment Share on other sites More sharing options...
gevans Posted September 7, 2009 Share Posted September 7, 2009 Can you show the html and javascript your currently using Quote Link to comment Share on other sites More sharing options...
Elemen7s Posted September 7, 2009 Author Share Posted September 7, 2009 Heres the main php coding of one of the pages. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Wallpaper Heaven - Digital Art - Abstract</title> <link href="CSS.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- body,td,th { margin-left:auto margin-right:auto color: #CCC; color: #CCC; } a:link { color: #000; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; color: #00F; } a:active { text-decoration: none; } body { margin-left: 0%; margin-right: 0px; } --> </style></head> <body onload="MM_preloadImages('images/Side Nav Bar Over/image_16.gif','images/Side Nav Bar Over/image_18.gif','images/Side Nav Bar Over/image_26.gif','images/Side Nav Bar Over/image_28.gif','images/Side Nav Bar Over/image_30.gif','images/Side Nav Bar Over/image_32.gif','images/Side Nav Bar Over/image_34.gif','images/Side Nav Bar Over/image_38.gif','images/Side Nav Bar Over/image_40.gif','images/Side Nav Bar Over/image_42.gif','images/Side Nav Bar Over/image_44.gif','images/Side Nav Bar Over/image_46.gif','images/Side Nav Bar Over/image_48.gif','images/Side Nav Bar Over/image_50.gif','images/Side Nav Bar Over/image_52.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_56.gif','images/homeover_09.gif','images/contactover_11.gif','images/Samples/moviesover_22.gif','images/Samples/landscapeover_22.gif','images/Samples/sportsover_22.gif','images/Samples/vehiclesover_22.gif','images/Samples/Digital art/icebears-over_22.gif','images/Samples/Digital art/penguinnight-over_22.gif','images/Samples/Digital art/robotover_22.gif','images/Samples/Digital art/abstract1-over_22.gif','images/Samples/Digital art/abstract2-over_22.gif')"> <div class="all" align="center"> <div align="center" class="Banner"> <div id="Logo" align="center"></div> <div id="BannerGFX"></div> <div id="Login"></div> <div id="Search"><form method="get" action="rednblack.vndv.com"> <div style="border:0px solid black;padding:0px;width:226px;"> <table border="0" cellpadding="0"> <tr><td align="right"> <input type="text" name="q" size="13" maxlength="255" value="" /> <input type="submit" value="Search" /></td></tr> <tr><td align="right" style="font-size:20%"> </td></tr></table> </div> </form> </div> </div> </div> <div class="NavBar"> <div id="Left"></div> <div id="Top"></div> <div id="Right"></div> <div id="Left2"></div> <div id="HomeButton" ><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('homebutton','','images/homeover_09.gif',1)"><img src="images/image_09.gif" name="homebutton" width="91" height="45" border="0" id="homebutton" /></a></div> <div id="NavbarSpacer"></div> <div id="ContactButton"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contactbutton','','images/contactover_11.gif',1)"><img src="images/image_11.gif" name="contactbutton" width="91" height="45" border="0" id="contactbutton" /></a></div> <div id="RightNavBar"></div> <div id="TopBody" align="justify" style="color:#000"><a href="index.php">Home </a>• <a href="Digital Art.php"> Digital Art </a> • <a href="Digital Art-Abstract.php">Abstract</a></div> <div class="Body" id="Sidenavbar" align="center"> <table> <tr> <td height="32" align="center"><a href="Digital Art.php" target="_top" onclick="MM_nbGroup('down','group1','DigitalArt','images/Side Nav Bar Over/image_16.gif',1)" onmouseover="MM_nbGroup('over','DigitalArt','images/Side Nav Bar Over/image_16.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_16.gif" alt="" name="DigitalArt" width="192" height="32" border="0" id="DigitalArt" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer','',1)" onmouseover="MM_nbGroup('over','Spacer','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer" width="192" height="2" border="0" id="Spacer" /></a> <a href="Animation.php" target="_top" onclick="MM_nbGroup('down','group1','Animation','images/Side Nav Bar Over/image_18.gif',1)" onmouseover="MM_nbGroup('over','Animation','images/Side Nav Bar Over/image_18.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_18.gif" alt="" name="Animation" border="0" id="Animation" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer2','',1)" onmouseover="MM_nbGroup('over','Spacer2','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer2" width="192" height="2" border="0" id="Spacer2" onload="" /></a> <a href="Animals.php" target="_top" onclick="MM_nbGroup('down','group1','Animals','images/Side Nav Bar Over/image_26.gif',1)" onmouseover="MM_nbGroup('over','Animals','images/Side Nav Bar Over/image_26.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_26.gif" alt="" name="Animals" width="192" height="32" border="0" id="Animals" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer4','',1)" onmouseover="MM_nbGroup('over','Spacer4','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer4" width="192" height="2" border="0" id="Spacer4" onload="" /></a> <a href="Cartoons.php" target="_top" onclick="MM_nbGroup('down','group1','Cartoons','images/Side Nav Bar Over/image_28.gif',1)" onmouseover="MM_nbGroup('over','Cartoons','images/Side Nav Bar Over/image_28.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_28.gif" alt="" name="Cartoons" width="192" height="32" border="0" id="Cartoons" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer3','',1)" onmouseover="MM_nbGroup('over','Spacer3','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer3" width="192" height="2" border="0" id="Spacer3" onload="" /></a> <a href="Computers.php" target="_top" onclick="MM_nbGroup('down','group1','Computers','images/Side Nav Bar Over/image_30.gif',1)" onmouseover="MM_nbGroup('over','Computers','images/Side Nav Bar Over/image_30.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Computers" src="images/Side Nav Bar Original/side_30.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer5','',1)" onmouseover="MM_nbGroup('over','Spacer5','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer5" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Female celebs.php" target="_top" onclick="MM_nbGroup('down','group1','Female','images/Side Nav Bar Over/image_32.gif',1)" onmouseover="MM_nbGroup('over','Female','images/Side Nav Bar Over/image_32.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Female" src="images/Side Nav Bar Original/side_32.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer6','',1)" onmouseover="MM_nbGroup('over','Spacer6','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer6" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Games.php" target="_top" onclick="MM_nbGroup('down','group1','Games','images/Side Nav Bar Over/image_34.gif',1)" onmouseover="MM_nbGroup('over','Games','images/Side Nav Bar Over/image_34.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Games" src="images/Side Nav Bar Original/side_34.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer7','',1)" onmouseover="MM_nbGroup('over','Spacer7','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer7" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Holiday.php" target="_top" onclick="MM_nbGroup('down','group1','Holiday','images/Side Nav Bar Over/image_38.gif',1)" onmouseover="MM_nbGroup('over','Holiday','images/Side Nav Bar Over/image_38.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Holiday" src="images/Side Nav Bar Original/side_38.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer8','',1)" onmouseover="MM_nbGroup('over','Spacer8','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer8" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Landscape.php" target="_top" onclick="MM_nbGroup('down','group1','Landscape','images/Side Nav Bar Over/image_40.gif',1)" onmouseover="MM_nbGroup('over','Landscape','images/Side Nav Bar Over/image_40.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Landscape" src="images/Side Nav Bar Original/side_40.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer9','',1)" onmouseover="MM_nbGroup('over','Spacer9','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer9" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Military.php" target="_top" onclick="MM_nbGroup('down','group1','Military','images/Side Nav Bar Over/image_42.gif',1)" onmouseover="MM_nbGroup('over','Military','images/Side Nav Bar Over/image_42.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Military" src="images/Side Nav Bar Original/side_42.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer10','',1)" onmouseover="MM_nbGroup('over','Spacer10','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer10" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Misc.php" target="_top" onclick="MM_nbGroup('down','group1','Misc','images/Side Nav Bar Over/image_44.gif',1)" onmouseover="MM_nbGroup('over','Misc','images/Side Nav Bar Over/image_44.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Misc" src="images/Side Nav Bar Original/side_44.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer11','',1)" onmouseover="MM_nbGroup('over','Spacer11','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer11" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Movies.php" target="_top" onclick="MM_nbGroup('down','group1','Movies','images/Side Nav Bar Over/image_46.gif',1)" onmouseover="MM_nbGroup('over','Movies','images/Side Nav Bar Over/image_46.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Movies" src="images/Side Nav Bar Original/side_46.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer12','',1)" onmouseover="MM_nbGroup('over','Spacer12','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer12" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Music.php" target="_top" onclick="MM_nbGroup('down','group1','Music','images/Side Nav Bar Over/image_48.gif',1)" onmouseover="MM_nbGroup('over','Music','images/Side Nav Bar Over/image_48.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Music" src="images/Side Nav Bar Original/side_48.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer13','',1)" onmouseover="MM_nbGroup('over','Spacer13','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer13" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Photography.php" target="_top" onclick="MM_nbGroup('down','group1','Photography','images/Side Nav Bar Over/image_50.gif',1)" onmouseover="MM_nbGroup('over','Photography','images/Side Nav Bar Over/image_50.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Photography" src="images/Side Nav Bar Original/side_50.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer14','',1)" onmouseover="MM_nbGroup('over','Spacer14','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer14" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Space.php" target="_top" onclick="MM_nbGroup('down','group1','Space','images/Side Nav Bar Over/image_52.gif',1)" onmouseover="MM_nbGroup('over','Space','images/Side Nav Bar Over/image_52.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Space" src="images/Side Nav Bar Original/side_52.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer15','',1)" onmouseover="MM_nbGroup('over','Spacer15','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer15" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a> <a href="Sports.php" target="_top" onclick="MM_nbGroup('down','group1','Sports','images/Side Nav Bar Over/image_54.gif',1)" onmouseover="MM_nbGroup('over','Sports','images/Side Nav Bar Over/image_54.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Sports" src="images/Side Nav Bar Original/side_54.gif" border="0" alt="" onload="" /></a> <a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer16','',1)" onmouseover="MM_nbGroup('over','Spacer16','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer16" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a> <a href="Vehicles.php" target="_top" onclick="MM_nbGroup('down','group1','Vehicles','images/Side Nav Bar Over/image_56.gif',1)" onmouseover="MM_nbGroup('over','Vehicles','images/Side Nav Bar Over/image_56.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Vehicles" src="images/Side Nav Bar Original/side_56.gif" border="0" alt="" onload="" /> </a> </td> </tr> </table> </div> <div id="digitalartabstract"></div> <div id="bottom"></div> <div id="LeftSpacer"></div> <div id="Sample1" ><a href="wallpapers/3D & Digital Art/Abstract/1.jpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('abstract1','','images/Samples/Digital art/abstract1-over_22.gif',1)"><img src="images/Samples/Digital art/abstract1_22.gif" name="abstract1" width="218" height="190" border="0" id="abstract1" /></a></div> <div id="betweenspacer"></div> <div id="Sample1"><a href="wallpapers/3D & Digital Art/Abstract/2.jpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('abstract2','','images/Samples/Digital art/abstract2-over_22.gif',1)"><img src="images/Samples/Digital art/abstract2_22.gif" name="abstract2" width="218" height="190" border="0" id="abstract2" /></a></div> <div id="betweenspacer"></div> <div id="Sample1"> </div> <div id="rightspacer"></div> <div id="bottom"></div> <div id="LeftSpacer"></div> <div id="Sample1"></div> <div id="betweenspacer"></div> <div id="Sample1"></div> <div id="betweenspacer"></div> <div id="Sample1"></div> <div id="bottom"></div> <div id="LeftSpacer"></div> <div id="Sample1"></div> <div id="betweenspacer"></div> <div id="Sample1"></div> <div id="betweenspacer"></div> <div id="Sample1"></div> <div id="bottom"></div> <div id="Copyright"> <p align="center">Copyright © 2009 - Wallpaper-Heaven.co.nr</p> <p align="center">All wallpapers on this website belong to their respective copyright holders, Wallpapers can only be downloaded from this website for personal use as desktop wallpapers. If you wish to use these wallpapers for any other use you must get permission from their respective authors. </p> <p align="center">Template Designed By Elements</p> <p align="center" > <a href="contact.php" style="color:#CCC"> Contact </a>| <a href="sitemap.php" style="color:#CCC" > Site Map </a></p> </div> </div> </div> </body> </html> Here is the CSS Coding of all pages .Banner { width: 990px; height: 79px; margin-left: auto; margin-right: auto; margin:0 auto; } #Logo { background-image: url(images/image_01.gif); background-repeat: no-repeat; background-position: left top; height: 79px; width: 128px; clear: left; float: left; } #BannerGFX { background-image: url(images/image_02.gif); background-repeat: no-repeat; background-position: left top; height: 79px; width: 636px; clear: right; float: left; } #Login { background-image: url(images/image_03.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 55px; width: 226px; } #Search { background-image: url(images/image_04.gif); background-repeat: no-repeat; background-position: right top; clear: right; float: right; height: 24px; width: 226px; } .NavBar { width: 990px; margin-left: auto; margin-right: auto; } #Left { background-image: url(images/image_05.gif); background-repeat: no-repeat; background-position: left top; height: 27px; width: 46px; clear: left; float: left; } #Top { background-image: url(images/image_06.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 27px; width: 204px; } #Right { background-image: url(images/image_07.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 27px; width: 740px; } #HomeButton { background-image: url(images/image_09.gif); background-repeat: no-repeat; clear: right; float: left; height: 45px; width: 91px; background-position: center top; } #Left2 { background-image: url(images/image_08.gif); background-repeat: no-repeat; background-position: left top; clear: left; float: left; height: 45px; width: 46px; } #NavbarSpacer { background-image: url(images/image_10.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 45px; width: 22px; } #ContactButton { background-image: url(images/image_11.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 45px; width: 91px; } #RightNavBar { background-image: url(images/image_12.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 45px; width: 740px; } .Body { width: 195px; float: left; background-repeat: no-repeat; background-position: center top; height: 578px; margin-left: auto; margin-right: auto; margin: 0 auto; } #Top { background-image: url(images/image_06.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; width: 204px; } #TopBody { background-image: url(images/image_13.gif); background-repeat: no-repeat; background-position: left top; height: 28px; width: 990px; clear: left; float: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 14px; color: #000; line-height: 30px; text-indent: 10px; } #LeftSpacer { background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 53px; background-image: url(images/image_21.gif); } #Sample { background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 797px; } #samples2 { width: 797px; } #Copyright { background-image: url(images/image_61.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 198px; width: 990px; } .Copyright { width: 990px; margin-left: auto; margin-right: auto; margin:0 auto; } .Sample { height: 190px; width: 800px; margin-left: auto; margin-right: auto; margin: 0 auto; } #leftspacer { background-image: url(images/image_21.gif); background-repeat: no-repeat; background-position: left top; clear: left; float: left; height: 190px; width: 53px; } #spacerleft { background-image: url(images/image_21.gif); background-repeat: no-repeat; background-position: left top; height: 190px; width: 53px; } #Sample1 { background-repeat: no-repeat; background-position: left top; height: 190px; width: 218px; clear: right; float: left; } #spacer { background-image: url(images/image_23.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 28px; } #spacer { background-image: url(images/image_23.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 28px; } #betweenspacer { background-image: url(images/image_23.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 28px; } #bottom { background-image: url(images/bottom990_63.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 31px; width: 757px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #rightspacer { background-image: url(images/image_23.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 190px; width: 27px; } #leftspacer2 { background-image: url(images/image_21.gif); background-repeat: no-repeat; background-position: left top; height: 190px; width: 53px; float: left; clear: right; } #sample22 { background-image: url(images/image_22.gif); background-repeat: no-repeat; background-position: left top; height: 190px; width: 218px; float: left; clear: right; } #Copyright { background-image: url(images/image_61.gif); background-repeat: no-repeat; background-position: center top; height: 198px; width: 990px; margin-left: auto; margin-right: auto; } #TopSpacer { background-image: url(images/tops/contacttop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; color: #000; text-indent: 40px; font-size: 16px; } #xtrabottom { background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 28px; width: 990px; background-color: #FFF; } #ContactForm { } #title { text-indent: 10px; } #sitemap { float: right; width: 975px; height: 40px; } #homeindent { float: right; width: 925px; color: #000; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 15px; } #topspacersitemap { background-image: url(images/tops/sitemaptop_15.gif); background-repeat: repeat-x; background-position: left top; clear: right; float: left; height: 35px; width: 798px; } #topspacersitemap2 { background-image: url(images/2_16.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 35px; width: 192px; } #contactustop { background-image: url(images/contactustop_19.gif); background-repeat: no-repeat; background-position: left bottom; float: left; height: 38px; width: 795px; clear: right; color: #000; text-indent: 40; position: fixed; } #hometop { background-image: url(images/tops/hometop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } .sitemap { float: right; width: 975px; margin:0 auto; line-height: 15px; margin-left: auto; margin-right: auto; } .all { margin-left: auto; margin-right: auto; width: 990px; margin:0 auto; } #digitalarttop { background-image: url(images/tops/digitalarttop_15.gif); background-repeat: no-repeat; background-position: left bottom; height: 35px; width: 795px; clear: right; float: left; } #top { background-image: url(images/image_59.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 31px; width: 795px; } #topspacer { background-image: url(images/image_59.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 31px; width: 795px; } #bottom990 { background-image: url(images/bottom990_63.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 31px; width: 990px; } #digitalart { } .digitalart { } #vehiclestop { background-image: url(images/tops/vehiclestop_15.gif); background-repeat: no-repeat; background-position: left bottom; width: 795px; height: 35px; clear: right; float: left; } #animalstop { background-image: url(images/tops/animalstop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #animationtop { background-image: url(images/tops/animationtop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #cartoonstop { background-image: url(images/tops/cartoonstop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #computertop { background-image: url(images/tops/computerstop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #femalecelebs { background-image: url(images/tops/celebstop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #gamestop { background-image: url(images/tops/gamestop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #holidaytop { background-image: url(images/tops/holidaytop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #landscapetop { background-image: url(images/tops/landscapetop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #militarytop { background-image: url(images/tops/militarytop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #misctop { background-image: url(images/tops/misctop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #moviestop { background-image: url(images/tops/moviestop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #musictop { background-image: url(images/tops/musictop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #photographytop { background-image: url(images/tops/photographytop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #spacetop { background-image: url(images/tops/spacetop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #sportstop { background-image: url(images/tops/sportstop_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #digitalart-3dcharacters { background-image: url(images/tops/digitalart-3dcharacters_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #digitalart-3dobjects { background-image: url(images/tops/digitalart-3dobjects_15.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 35px; width: 795px; } #scene { background-image: url(images/tops/digitalart-3dscenes_15.gif); background-repeat: no-repeat; background-position: left bottom; clear: right; float: left; height: 35px; width: 795px; } #leftspacertall { background-image: url(images/image_21.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 330px; width: 53px; } #digitalartabstract { background-image: url(images/tops/digitalart-abstract_15.gif); background-repeat: no-repeat; background-position: left top; clear: right; float: left; height: 35px; width: 795px; } Thanks for replying Quote Link to comment Share on other sites More sharing options...
gevans Posted September 7, 2009 Share Posted September 7, 2009 Which rollovers would you like to do this to? you have a lot on the page. It should work with this css... .rollover-hide { visibility: visible; } .rollover-hide:hover { visibility: hidden; } Add 'class="rollover-hide"' to the images you want to do this to (and remove the rollover javascript) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.