Problem with my web site www.salsa-picante.co.uk

dennis · April 16th, 2006, 08:07 PM

I designed this site myself using dreamweaver, whenever I view it on my eMac on FireFox it works fine but on a IBM PC ie the rollovers buttons which I have on the top frame is not viewable so it looks just like a one page website also if I minimize the website, the top froame pushed everything down unlike the bottom frame that shrinks in accordance with browser size, I am not sure how to get the code to you as I am using 2 frames top and bottom please advice.

sypher · April 16th, 2006, 08:43 PM

Moved to html forum for you

herkalees · April 17th, 2006, 12:46 AM

How about a link to your site or it's code?

Legacy_Staff · April 17th, 2006, 04:26 AM

Yep, need to see it to understand the problem but it sounds like several things going on at once.
The re-sizing might be because one table is using a 'px' (pixel) positioning / size while the other is a percentage.

dennis · April 17th, 2006, 11:29 AM

Code:

<html>
<head>
<title>Hot Salsa picante</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-image: url();
    background-color: #EBAC81;
}
-->
</style>
<script language="JavaScript" 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_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_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_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>
</head>

<body text="#000000" onLoad="MM_preloadImages('salsa_Rollover_images/casa2.png','salsa_Rollover_images/clase.png','salsa_Rollover_images/ocasiones_especiales.png','salsa_Rollover_images/contacto.png','salsa_Rollover_images/lista_mail.png','salsa_Rollover_images/dormitorio%20de%20fame.png','salsa_Rollover_images/origen_de_salsa.png','salsa_Rollover_images/salsa_shoes2.png')" tracingsrc="orange_salsa.jpg" tracingopacity="100">
<table width="791" border="1">
  <tr>
<td width="781" height="178" align="left" valign="top" nowrap scope="row"><p><img src="picante_banner.jpg" width="750" height="100"></p>
    <table width="1041" height="44" border="0" align="left" bordercolor="#EDCBBB">
        <tr>
<th width="101" height="40" scope="row"><a href="Home.html" target="mainFrame" onMouseOver="MM_swapImage('salsahome11','','salsa_Rollover_images/casa2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/home.png" name="salsahome11" width="100" height="38" border="0" id="salsahome1"></a></th>
<td width="123"><a href="salsa_classes.html" target="mainFrame" onMouseOver="MM_swapImage('salsaclasses11','','salsa_Rollover_images/clase.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/classes.png" name="salsaclasses11" width="123" height="38" border="0" id="salsaclasses1"></a></td>
<td width="134"><a href="Special_salsa_events.html" target="mainFrame" onMouseOver="MM_swapImage('SalsaSpecialEvents11','','salsa_Rollover_images/ocasiones_especiales.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/special_events.png" name="SalsaSpecialEvents11" width="134" height="38" border="0" id="SalsaSpecialEvents1"></a></td>
<td width="128"><a href="salsa_pictures.html" target="mainFrame" onMouseOver="MM_swapImage('salsa-contact11','','salsa_Rollover_images/contacto.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/contact_us.png" name="salsa-contact11" width="128" height="38" border="0" id="salsa-contact1"></a></td>
<td width="128"><a href="salsa_pictures.html" target="mainFrame" onMouseOver="MM_swapImage('salsa_mail_list11','','salsa_Rollover_images/lista_mail.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/mailing_list.png" name="salsa_mail_list11" width="128" height="38" border="0" id="salsa_mail_list1"></a></td>
<td width="133"><a href="salsa_gallery_photos/Photo_destination/index1.htm" target="mainFrame" onMouseOver="MM_swapImage('SalsaFameHall11','','salsa_Rollover_images/dormitorio%20de%20fame.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/hall_fame.png" name="SalsaFameHall11" width="133" height="38" border="0" id="SalsaFameHall1"></a></td>
<td width="128"><a href="salsa_roots.html" target="mainFrame" onMouseOver="MM_swapImage('salsaroots11','','salsa_Rollover_images/origen_de_salsa.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/salsa_roots.png" name="salsaroots11" width="128" height="38" border="0" id="salsaroots1"></a></td>
<td width="132"><a href="salsa_shoes.html" target="mainFrame" onMouseOver="MM_swapImage('salsaShoes11','','salsa_Rollover_images/salsa_shoes2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="salsa_Rollover_images/salsa_shoes.png" name="salsaShoes11" width="127" height="38" border="0" id="salsaShoes1"></a></td>
        </tr>
      </table>
    <p>&nbsp;</p>      <p>&nbsp;</p></td>
  </tr>
</table>
</body>
</html>

Legacy_Staff · April 17th, 2006, 12:23 PM

The height of the table with the buttons in appears to be too large for the frame when it represents in IE.
IE and FF have different size properties.

dennis · April 18th, 2006, 08:26 AM

So what do you suggest please and also not all the roll overs are buttons are visisble some are scrolling down below the frame baseline.