PDA

View Full Version : image showin in some browsers not in others.


r0d
08-02-2008, 10:02 PM
Guys this has me stomped. Maybe someone can show educate me a little.
The image exist on the server. Yet some browsers give me error saying image is bad or simply don't show it, while others show the image ok.

Take a look here--- HOpefully link will work for a while.
http://dl.getdropbox.com/u/42207/2008-08-02_135804.jpg

THe image is takes most of the right hand side... Some browsers show it, others don't... Crazy... Why? I don't understand this. This is confusing me. Might there be possible something wrong in the html, but some browsers correct for it.?

Any help would be greatly appreciated .. Thanks

FWDrew
08-02-2008, 10:28 PM
Link to actual page please or full code.

Regards,

Drew

jcdevelopment
08-02-2008, 10:28 PM
Its kinda of hard to see whats happening without code, but it may be a CSS problem. try adding height and width to the image in CSS and see if that helps!

r0d
08-03-2008, 02:04 AM
Sorry guys... here is the code .. I am using a couple of free scripts but besides that nothign seems out of the ordinary... The image showing, not showing up is is specified by <img src="images/normanshutter.jpg" align="right" />

I have not had time to work on it, but I am guessint that maybe in my css there would be a problem where the container doesn't have enought room for the image , thus the image is not showing...

Any of you guys have any other ideas why it seems to work in some browsers and not others.

r0f

---coded
<img src="images/normanshutter.jpg" align="right" />
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Template--main-nav-constant.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<link rel="stylesheet"
href="../../../image-slideshow.css"
type="text/css" />
<script type="text/javascript"
src="../../../image-slideshow.js">
//<![CDATA[


/***********************************************************************************************

Copyright (c) 2005 - Alf Magne

Kalleland post@dhtmlgoodies.com

UPDATE LOG:

March, 10th, 2006 : Added support for a message while large image is

loading

Get this and other scripts at www.dhtmlgoodies.com

You can use this script freely as long as this copyright

message is kept intact.

***********************************************************************************************/




//]]></script>
<link rel="stylesheet" type="text/css" href="../../../anylink.css" />
<script type="text/javascript" src="../../../anylink.js">

/***********************************************
* AnyLink CSS Menu script- C Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
<!-- InstanceEndEditable -->
<link rel="stylesheet"
type="text/css"
media="screen"
href="../../../main.css" />
<link rel="stylesheet"
type="text/css"
media="screen"
href="../../../colorschemes/colorscheme2/colorscheme.css" />
<link rel="stylesheet"
type="text/css"
media="screen"
href="../../../style.css" />
<script type="text/javascript"
src="../../../live_tinc.js">
</script>
<script language="JavaScript">
function breadCrumbs(base,delStr,defp,cStyle,tStyle,dStyle,nl) { // by Paul Davis - http://www.kaosweaver.com
loc=window.location.toString();subs=loc.substr(loc.indexOf(base)+base.length+1).split("/");
document.write('<a href="'+getLoc(subs.length-1)+defp+'" class="'+cStyle+'">Home</a> '+'<span class="'+dStyle+'">'+delStr+'</span> ');
a=(loc.indexOf(defp)==-1)?1:2;for (i=0;i<(subs.length-a);i++) { subs[i]=makeCaps(unescape(subs[i]));
document.write('<a href="'+getLoc(subs.length-i-2)+defp+'" class="'+cStyle+'">'+subs[i]+'</a> '+'<span class="'+dStyle+'">'+delStr+'</span> ');}
if (nl==1) document.write("<br>");document.write('<span class="'+tStyle+'">'+document.title+'</span>');
}
function makeCaps(a) {
g=a.split(' ');for (l=0;l<g.length;l++) g[l]=g[l].toUpperCase().slice(0,1)+g[l].slice(1);
return g.join(" ");
}
function getLoc(c) {
var d="";if (c>0) for (k=0;k<c;k++) d=d+"../"; return d;
}
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --><!-- InstanceParam name="Top-Nav" type="boolean" value="true" -->
</head>

<body id="main_body">
<div id="container">
<div id="header">
<div id="slogan">
Quality you can see...since 1993
</div>

<div id="logo">
<a href="../../../index.html"></a>
</div>

<div id="key_visual"></div>
</div>

<div id="main_container">
<table id="layout_table">
<tbody>
<tr>
<td colspan="1"
id="sub_nav_column"
rowspan="1">
<div id="left_column_container">
<div id="main_nav_container">
<ul id="main_nav_list">
<li><a class="main_nav_active_item"
href="../../../index.html"
id="mnai1"
shape="rect">Home</a></li>

<li><a class="main_nav_item"
href="../../../aboutus.html"
id="mni2"
shape="rect">About Us</a></li>

<li><a class="main_nav_item"
href="../../../product_overview.html"
id="mni2"
shape="rect">Product Overview</a></li>

<li><a class="main_nav_item"
href="../../../designcenter.html"
id="mni2"
shape="rect">Imagine Design Center</a></li>

<li><a class="main_nav_item"
href="../../../special.html"
id="mni2"
shape="rect">Special Rebates</a></li>

<li><a class="main_nav_item"
href="../../../testimonials.html"
id="mni2"
shape="rect">Testimonials</a></li>

<li><a class="main_nav_item"
href="../../../guarantee.html"
id="mni2"
shape="rect">Our Guarantee</a></li>

<li><a class="main_nav_item"
href="../../../contact.html"
id="mni2"
shape="rect">Contact Us</a></li>
</ul>
</div>

<div id="sub_container1"><a href="../../../contact.html"><img src="../../../images/Des.-Wndows-Img.jpg" alt="free-magazine"></a></div>
</div>
</td>

<td colspan="1"
id="content_column"
rowspan="1"><!-- InstanceBeginEditable name="EditRegion4" -->
<div class="sub_nav_container">
<ul class="sub_nav_list"
id="sub_nav_list1">
<li><a class="sub_nav_item"
href="../../Alustral/index.html"
id="sni2"
shape="rect" >Alustra</a></li>
<li><a class="sub_nav_active_item"
href="../../Shades/shades.html"
id="snai1"
shape="rect" onClick="return clickreturnvalue()" onMouseOver="dropdownmenu(this, event, 'shades-sub')">Shades</a></li>
<li><a class="sub_nav_item"
href="../../Wood_Blinds/woodblinds.html"
id="sni2"
shape="rect" onClick="return clickreturnvalue()" onMouseOver="dropdownmenu(this, event, 'woodblinds-sub')">Wood Blinds</a></li>
<li><a class="sub_nav_item"
href="../../Vertical_Blinds/vertical.html"
id="sni2"
shape="rect" onClick="return clickreturnvalue()" onMouseOver="dropdownmenu(this, event, 'verticles-sub')">Vertical Blinds</a></li>
<li><a class="sub_nav_item"
href="../../Horizontal_Blinds/index.html"
id="sni2"
shape="rect">Horizontal Blinds</a></li>
<li><a class="sub_nav_item"
href="../shutters.html"
id="sni2"
shape="rect" onClick="return clickreturnvalue()" onMouseOver="dropdownmenu(this, event, 'shutters-sub')">Shutters</a></li>
<li><a class="sub_nav_item"
href="../../Woven_Woods/index.html"
id="sni2"
shape="rect">Woven Woods</a></li>
</ul>
</div>
<!-- InstanceEndEditable -->
<div id="sub_container2">
<div class="content"
id="content_container">

<!-- InstanceBeginEditable name="main-content" --><div style="border:1px solid #CCCCCC; margin-top:10px; ">
<img src="images/normanshutter.jpg" align="right" />
<h3>Norman International Shutters</h3>

<h4>Sussex Shutters</h4>
<p>Constructed of select premium hardwoods, Sussex Custom Shutters are hand sanded and finished five times to create a lustrous furniture quality finish. Only premium tight grained basswood and other hardwoods are selected for their long-term stability and durability. And with their selection of 18 different paint colors and 32 different stain finishes, Sussex can be customized to fit in with any decor. Sussex shutters can also be customized for any window, any shape or size and come with a lifetime limited warranty.</p>

<h4>Normandy Shutters</h4>

<p>For the more value conscious, Normandy offers you a handcrafted product in soft neutral painted finishes. Normandy still offers you a quality shutter with features you usually only find in a premium custom shutter. Backed by their lifetime limited warranty, Normandy shutters are the perfect backdrop for your decor.</p>


<h4>Woodlore</h4>

<p>If you love the look and character of wood shutters, but not the price, Woodlore Shutters are the perfect solution. Woodlore has the look of wood, plus they resist fading, stains, warping. They are also scratch resistant, humidity resistant and washable making them ideal in homes where there are young children or pets. These durable shutters are also a great solution for kitchen and baths. </p>
</div>
<!-- InstanceEndEditable -->
</div>
</div>
</td></tr>
</tbody>
</table>
</div>

<div id="footer">
<div id="footer_text">

</div>
</div>
</div>
<!-- wfxbuild / 1.0 / layout6-122-2 / 2008-07-12 01:39:55 CEST-->
<div id="shades-sub" class="anylinkcss" >

<a href="../../Shades/Duette/index.html">Duette</a>
<a href="../../Shades/Architella/index.html">Architella Duettes</a>
<a href="../../Shades/Silhouette/index.html">Silhouette</a>
<a href="../../Shades/Vignettes/index.html">Vignette</a>
<a href="../../Shades/Luminette/index.html">Luminette</a>
<a href="../../Shades/Pirouette/index.html">Pirouette</a>
<a href="../../Shades/Nantucket/index.html">Nantucket</a>
<a href="../../Shades/Dsgnr-Rlr-Scrn-Shds/index.html">Designer Shades/Screens</a></div>

<div id="woodblinds-sub" class="anylinkcss" >

<a href="../../Wood_Blinds/Cntry-Chalet-Woods/index.html">Country Woods</a>
<a href="../../Wood_Blinds/Evrwd-WBlnds/index.html">Everwood/Woodmates</a></div>

<div id="verticles-sub" class="anylinkcss" >

<a href="../../Vertical_Blinds/Cad-crswnds-smner/index.html">Cadence/Somner Custom</a>
<a href="../../Vertical_Blinds/Skyline/index.html">Skyline</a>
<a href="../../Vertical_Blinds/Park-lane/index.html">Park Lane</a></div>

<div id="shutters-sub" class="anylinkcss" >

<a href="../Heritance/index.html">Heritance</a>
<a href="../New_Style_Hybrid/index.html">New Style Hybrid</a>
<a href="index.html">Norman International</a></div>


</body>
<!-- InstanceEnd --></html>