Hello!<br />
<br />
I have a massively annoying problem, I have an icon next to some text in a table. When the page loads, if you then mouse over a rollover for the first time on the page all the images next to the text shift one pixel to the left/right.<br />
<br />
Here's an example.<br />
<table width="169" border="0" cellspacing="0" cellpadding="0" align="center"><br />
<tr> <br />
<td class="mainText" align="right" width="140">TEXT</td><br />
<td width="29"><a href=http://www.htmlforums.com/archive/index.php/"sound.wav" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/audio_lg_down.gif',1)"><img name="Image7" border="0" src=http://www.htmlforums.com/archive/index.php/"images/audio_lg_up.gif" width="29" height="30"></a></td><br />
</tr><br />
</table><br />
<br />
Does anyone know why this does this?<br />
Ta!<br />
nv<!--content-->Make sure the images being swapped are the same width and height dimensions. <br />
<br />
If the page is uploaded provide the URL so someone can take a look. <br />
<br />
Regards,<br />
Kevin<!--content-->That one I checked. images are the same size - could be because they are next to text which is "dynamic". It only happens on loading the page.<br />
<br />
It's posted here:<br />
<!-- m --><a class="postlink" href="http://www.gbtyrrell.co.uk/temp/index.htm">http://www.gbtyrrell.co.uk/temp/index.htm</a><!-- m --><br />
<br />
click -> graphic view<br />
mouseover -> themes<br />
click -> themes to reload<br />
it's the speaker buttons next to text that shift.<br />
<br />
Yes, I know dw sucks, but the client insists.<br />
I'm going to try to nail it down with absolute positioning next, but it don't half make messy code.<br />
<br />
nv<!--content-->When I view the page (IE5 800 x 600) there is no shifting of anything during mouseover and mouseout. All the images swap as they are supposed to and nothing else on the page moves. <br />
<br />
Regards,<br />
Kevin<!--content-->I noticed no shift either in IE5.0, 1200x7whatever. Strange that when I tried to load the page in Netscape 4.7, and Netscape6...I was prompted that I was Download <!--more-->ing something.......whats this?<!--content-->It prompted me to Download <!--more--> the page in IE 5.5, I did Download <!--more--> it but because the images weren't Download <!--more-->ed too I couldn't see how the mouseover works. Why would the site make you Download <!--more--> the html file anyway?<!--content-->a) it only does the shift in 640x480 which is what I set the page to load in as and only in IE<br />
<br />
b) NS prompts for a Download <!--more--> because it doesn't like the .htm extension<br />
<br />
I have since discovered that it only does the shift in IE if it is in frames and set to 640x480 when there are two cells and one of them is text. I have tried everything including putting the image into divs and absoulte positioning them. I've set the widths on all the cells, and removed the alignments - to no avail.<br />
<br />
I think this is one of those IE "things"<br />
nv<!--content-->Originally posted by nuclear vapid <br />
b) NS prompts for a Download <!--more--> because it doesn't like the .htm extension.<br />
<br />
I think that IE 5.5 also doesn't like the .htm extention then! Because it made me Download <!--more--> the page too. Can you change the extention to .html so that I can view the page? I might learn something!<!--content-->hmmmmmmmmmmmmmm...<br />
perhaps it is my server how doesnot like .htm extensions - I sahll ask ghoulnet...<br />
brb<!--content-->
<br />
I have a massively annoying problem, I have an icon next to some text in a table. When the page loads, if you then mouse over a rollover for the first time on the page all the images next to the text shift one pixel to the left/right.<br />
<br />
Here's an example.<br />
<table width="169" border="0" cellspacing="0" cellpadding="0" align="center"><br />
<tr> <br />
<td class="mainText" align="right" width="140">TEXT</td><br />
<td width="29"><a href=http://www.htmlforums.com/archive/index.php/"sound.wav" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/audio_lg_down.gif',1)"><img name="Image7" border="0" src=http://www.htmlforums.com/archive/index.php/"images/audio_lg_up.gif" width="29" height="30"></a></td><br />
</tr><br />
</table><br />
<br />
Does anyone know why this does this?<br />
Ta!<br />
nv<!--content-->Make sure the images being swapped are the same width and height dimensions. <br />
<br />
If the page is uploaded provide the URL so someone can take a look. <br />
<br />
Regards,<br />
Kevin<!--content-->That one I checked. images are the same size - could be because they are next to text which is "dynamic". It only happens on loading the page.<br />
<br />
It's posted here:<br />
<!-- m --><a class="postlink" href="http://www.gbtyrrell.co.uk/temp/index.htm">http://www.gbtyrrell.co.uk/temp/index.htm</a><!-- m --><br />
<br />
click -> graphic view<br />
mouseover -> themes<br />
click -> themes to reload<br />
it's the speaker buttons next to text that shift.<br />
<br />
Yes, I know dw sucks, but the client insists.<br />
I'm going to try to nail it down with absolute positioning next, but it don't half make messy code.<br />
<br />
nv<!--content-->When I view the page (IE5 800 x 600) there is no shifting of anything during mouseover and mouseout. All the images swap as they are supposed to and nothing else on the page moves. <br />
<br />
Regards,<br />
Kevin<!--content-->I noticed no shift either in IE5.0, 1200x7whatever. Strange that when I tried to load the page in Netscape 4.7, and Netscape6...I was prompted that I was Download <!--more-->ing something.......whats this?<!--content-->It prompted me to Download <!--more--> the page in IE 5.5, I did Download <!--more--> it but because the images weren't Download <!--more-->ed too I couldn't see how the mouseover works. Why would the site make you Download <!--more--> the html file anyway?<!--content-->a) it only does the shift in 640x480 which is what I set the page to load in as and only in IE<br />
<br />
b) NS prompts for a Download <!--more--> because it doesn't like the .htm extension<br />
<br />
I have since discovered that it only does the shift in IE if it is in frames and set to 640x480 when there are two cells and one of them is text. I have tried everything including putting the image into divs and absoulte positioning them. I've set the widths on all the cells, and removed the alignments - to no avail.<br />
<br />
I think this is one of those IE "things"<br />
nv<!--content-->Originally posted by nuclear vapid <br />
b) NS prompts for a Download <!--more--> because it doesn't like the .htm extension.<br />
<br />
I think that IE 5.5 also doesn't like the .htm extention then! Because it made me Download <!--more--> the page too. Can you change the extention to .html so that I can view the page? I might learn something!<!--content-->hmmmmmmmmmmmmmm...<br />
perhaps it is my server how doesnot like .htm extensions - I sahll ask ghoulnet...<br />
brb<!--content-->