Images not showing in IE (fine in Firefox) :-(

Small JPG images in sidebar show up fine in Firefox, however, when you

Page 1 of 1

2 Replies - 7151 Views - Last Post: 25 January 2008 - 10:52 AM

#1 stealth   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 24-January 08

Images not showing in IE (fine in Firefox) :-(

Post icon  Posted 24 January 2008 - 11:04 AM

Well, the website is kidssnips.net. If you look at it in Firefox, the small images on the navigational bar show up on pages such as "About Us."

However, if you look at the site on Explorer ... magically, they don't show. (Thanks Microsoft!)

I will provide the code for the "About Us" page, and under, I will provide a snippet of the image code. Sorry that everything is tablelicious!

<HTML>
<HEAD>
<TITLE>Kids Snips Hair Salon and Party Planning</TITLE>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">

<script type="text/javascript"
	src="sl.js"></script>
<script type="text/javascript">
<!--
  var viewer = new PhotoViewer();
  viewer.add('photos/5.jpg');  
  viewer.add('photos/3.jpg');
  viewer.add('photos/2.jpg');
  viewer.add('photos/4.jpg');
  viewer.add('photos/6.jpg');
  viewer.add('photos/7.jpg');
  viewer.add('photos/8.jpg');
  viewer.add('photos/9.jpg');
  viewer.add('photos/10.jpg');
  viewer.add('photos/12.jpg');
  viewer.add('photos/13.jpg');   
  viewer.add('photos/15.jpg');
  viewer.add('photos/16.jpg');
  viewer.add('photos/17.jpg');
  viewer.add('photos/20.jpg');
  viewer.add('photos/21.jpg');
  viewer.add('photos/22.jpg');
  viewer.add('photos/23.jpg');   
  viewer.add('photos/24.jpg');
  viewer.add('photos/25.jpg');
  viewer.add('photos/26.jpg');
  viewer.add('photos/27.jpg');
  
//--></script>

</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0><BR><BR>
<img src="images/spacer.gif" width="1" height="43">
<table width="230" border="0" cellspacing="0" cellpadding="1" align="center">
  <tr><td valign="top" bgcolor="#EBA741"><table width="682" height="455" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
  <tr><td valign="top">
	<TABLE WIDTH=682 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD WIDTH=456 HEIGHT=455 ALT="" valign="top">
		<div align="right">
		<TABLE WIDTH=455 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD WIDTH=455 HEIGHT=419 ALT="" valign="top" style="padding-top:18px ">
		<div align="right" style="margin-right:12px; font-size: 16pt; color: orange;">ABOUT US <img src="images/txt.jpg"></div>
		<br style="line-height:31px ">
<div style="margin-left:25px; margin-right:17px ">
<img src="images/1txt1.jpg" align="absmiddle" style="margin-right:5px "><strong class="orange t sm"><center><IMG src="images/doll.jpg" /></center></strong>
<p><br>
  
	<br style="line-height:15px ">
	<strong class="red">About Kid's Snips</strong></p>
<p>  We are a kid's specialty salon that caters to the entire family's hair and nail-care needs. This is a unique concept for non-traditional hair-care and birthday parties. We are specializing in haircuts, color, hi-lites, manicures and pedicures. Take an ordinary haircut and turn it into an exciting adventure.</p>
<p>Get the excitement back into your child with one of our themed hair stations: Princess Station with a Pink Bubble Gum Corvette, Dinosaur Station with a Hummer, takes off in the Blue Angel Fighter Jet, a Sponge Bob station, and a Pirate station. Come check out our party room for your next celebration with our all inclusive party themes. We have parties for everyone, for the girlie girl: Perfect Princess, Glamour Runway, Oscar, Hannah Montana, and Spa. Party adventure themes of boy's and girl's we offer: Pirate, Willy Wonka, and NASCAR.</p>
<p>We have a variety of hair and body products. Circle of Friends, California Baby, Bed Head, Fashion Angel, and a station where you can make your own lotions. This is not a traditional salon -- we also have a large selection of educational toys and crafts. Melissa and Doug puzzles and toys, Scientific Explore kits. So, if you are looking for that perfect unique gift, check out our retail boutique.<img src="images/arr.gif" align="absmiddle" style="margin-left:5px "><br>
  
  <br style="line-height:300px;" />
</p></TD>
	</TR>
	<TR>
		<TD WIDTH=455 HEIGHT=36 ALT="" valign="top" background="images/bot_px.jpg" style="padding-top:12px ">
		<div align="right" style="margin-right:9px "><a href="#"><img src="images/bot_txt.jpg" border="0"></a></div>
		</TD>
	</TR>
</TABLE>
		</div>		
		</TD>
		<TD WIDTH=226 HEIGHT=455 ALT="" valign="top" background="images/left_px.jpg">
		<TABLE WIDTH=226 height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD WIDTH=226 HEIGHT=100% ALT="" valign="top">
		<TABLE WIDTH=226 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD WIDTH=226 HEIGHT=83 valign="top" style="padding-top:27px " background="images/m1.jpg" onmouseout="this.id='out';" onmouseover="this.id='roll';">
<div style="margin-left:22px "><a href="java script:void(viewer.show(0))"><img src="images/t1.jpg" border="0"></a><br>
<br style="line-height:2px ">
<span class="menu_txt">View what we're all about</span></div>
		</TD>
	</TR>
	<TR>
		<TD WIDTH=226 HEIGHT=84 valign="top" style="padding-top:27px " background="images/m2.jpg" onmouseout="this.id='out1';" onmouseover="this.id='roll1';">
<div style="margin-left:22px "><a href="index-1.html"><img src="images/t2.jpg" border="0"></a><br>
<br style="line-height:2px ">
<span class="menu_txt">Information about our company</span></div>
		</TD>
	</TR>
	<TR>
		<TD WIDTH=226 HEIGHT=84 valign="top" style="padding-top:27px " background="images/m3.jpg" onmouseout="this.id='out2';" onmouseover="this.id='roll2';">
<div style="margin-left:22px "><a href="index-2.html"><img src="images/t3.jpg" border="0"></a><br>
<br style="line-height:2px ">
<span class="menu_txt">Prices for Parents and Kid Cuts!</span></div>
		</TD>
	</TR>
	<TR>
		<TD WIDTH=226 HEIGHT=84 valign="top" style="padding-top:27px " background="images/m4.jpg" onmouseout="this.id='out3';" onmouseover="this.id='roll3';">
<div style="margin-left:22px "><a href="index-3.html"><img src="images/t4.jpg" border="0"></a><br>
<br style="line-height:2px ">
<span class="menu_txt">Full list of all our parties</span></div>
		</TD>
	</TR>
	<TR>
		<TD WIDTH=226 HEIGHT=84 valign="top" style="padding-top:27px " background="images/m5.jpg" onmouseout="this.id='out4';" onmouseover="this.id='roll4';">
<div style="margin-left:22px "><a href="index-4.html"><img src="images/t5.jpg" border="0"></a><br>
<br style="line-height:2px ">
<span class="menu_txt">Feel free to contact us anytime</span></div>
		</TD>
	</TR>
</TABLE>


		
	<TR>
		<TD background="images/right_bot.jpg" WIDTH=226 HEIGHT=36 ALT="" valign="top" style="padding-top:14px " class="verdana white">
		<div style="margin-left:9px "><a href="index.html"><img src="images/sym2.jpg" border="0" style="margin-right:7px "></a><a href="index-1.html"><img src="images/sym1.jpg" border="0" style="margin-right:7px "></a><a href="index-2.html"><img src="images/sym2.jpg" border="0" style="margin-right:7px "></a><a href="index-3.html"><img src="images/sym2.jpg" border="0" style="margin-right:7px "></a><a href="index-4.html"><img src="images/sym2.jpg" border="0" style="margin-right:7px "></a><img src="images/line.jpg" hspace="10" vspace="0" align="absmiddle"><B style="color: black;">270-683-3330</B></div><br />
		<div align="center"><a href="index.html" style="color: white;"><u>Return to Home Page</u></a></div><br />
		
		
		
		</TD>
	</TR>
</TABLE>


<br /> 
		<center>
		  <img src="photos/about4.jpg" width="195" height="136"><br /><br />
		  <img src="photos/about5.jpg" width="195" height="136"><br /><br />
		  <img src="photos/about6.jpg" width="195" height="136"><br /><br />
		</center>
		
		

		</TD>
	</TR>
</TABLE>
  </td>
  </tr></table></td></tr>
  <tr><td style="padding-top:6px ">
  <div align="right" class="copy">Kidssnips.net 2008</div><a style="color: red; font-size: 10pt;" href="http://commontech.biz/portfolio.php" target="_blank">Site Development by Common Technologies LLC</a>
  </td></tr>
  </table>
  
  <br style="line-height: 50px;" />
</BODY>
</HTML>


Code we are dealing with (extracted from above):

<br /> 
		<center>
		  <img src="photos/about4.jpg" width="195" height="136"><br /><br />
		  <img src="photos/about5.jpg" width="195" height="136"><br /><br />
		  <img src="photos/about6.jpg" width="195" height="136"><br /><br />
		</center>


Any help would be appreciated! Thanks! :)

Is This A Good Question/Topic? 0
  • +

Replies To: Images not showing in IE (fine in Firefox) :-(

#2 Nayana   User is offline

  • DIC Hawk - 나야나 नयन:
  • member icon

Reputation: 32
  • View blog
  • Posts: 824
  • Joined: 14-November 07

Re: Images not showing in IE (fine in Firefox) :-(

Posted 25 January 2008 - 12:37 AM

Worked in FF 2 and IE 7
Did not work on Safari 3.0.4

Didn't try anything else.


You could try seeing what happens if before you have the images, you do </td><td> to make a new column.
Was This Post Helpful? 0
  • +
  • -

#3 stealth   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 24-January 08

Re: Images not showing in IE (fine in Firefox) :-(

Posted 25 January 2008 - 10:52 AM

Yeah, it works now. The programmer here looked at it and tried something out.

Apparently the priority of the images were too low, or something.

Thanks for replying and looking at it!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1