first of all thanks a lot for starting such a great forum admin. and other seniors who are here to help newbies like us. I really appreciate that.

here is a problem,

i have created a website using a template at www.ssichem.com

problem is with open browser behaviour i have a product list on products page . and when user clicks on the name it displays popup window with its description. i am not able to see background in any other computer than mine computer on those pop up windows.

and also when i hover a mouse over product name in products page i dont see a cursor changing to hand .

I really appreciate any help .

Hard to know without seeing the code, but if you see things only on your computer I'm guessing the path to the background image is relative to your local computer and only your computer has that image.

Either the path needs to be changed or the image was never uploaded to the server.

thanks for your prompt reply sir. i have tried changing path to background image but it says you can not do it because it is in your stylesheet
my style.css is as below,

* { margin:0; padding:0;}
body { background:#cac4b4 url(images/tall_site.gif) 0 0 repeat-x; font-size:100%; line-height:1em; font-family:arial, tahoma; color:#6d7172; text-align:center;}


/*in_line*/
img {border:0; vertical-align:top; text-align:right;}
ul { list-style:none;}

a:hover{text-decoration:none;}
a {color:#7a7a7a;}



.column { float:left;}
.clear { clear:both;}

#header, #footer, #content{ width:900px;}

/*header*/
#header{ height:430px;}
#header .logo{
position:absolute;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 32px;
}
#header .h_img{ position:absolute; margin:128px 0 0 29px;}
#header .menu{
position:absolute;
text-transform:uppercase;
width:645px;
margin-top: 100px;
margin-right: 0;
margin-bottom: 0;
margin-left: 250px;
}
#header .menu li{color:#ffffff; font-size:0.75em; float:left;}
#header .menu li a{ color:#fff; padding:0 30px; text-decoration:none;}

/*footer*/
#footer{ padding:19px 0 31px 0;}
#footer .wr_footer{ margin:0 25px 0 28px; width:847px;}
#footer .ind_text{ padding:25px 0; background:url(images/footer_separate.gif) 293px 24px no-repeat; width:847px;}
#footer{ color:#8a979c; font-size:0.687em;}
#footer span{ margin:0 344px 0 30px; font-size:1.06em;}
#footer a{ color:#8a979c;}
#footer img{ vertical-align:middle; margin:0 12px 0 0;}

/*content*/
#content{font-size:0.875em; padding:0 0 0 55px; line-height:1.25em;}
#content .title{ display:block; margin-bottom:22px;}
#content .ind_left{ margin-left:49px;}
#content .line_x{ background:url(images/line_x.gif) 0 34px repeat-x; height:50px;}
#content .line_x1{ background:url(images/line_x.gif) 0 11px repeat-x; height:28px;}
#content .ind_bot{ margin-bottom:21px; display:block;}
#content span{ color:#5d6263; font-size:0.937em;}
#content span a{ color:#5d6263; font-size:0.937em;}
#content .text1{ color:#111111;}
#content .text1 a{ color:#111111;}
#content .ind_2{ margin:23px 0 !important;}
#content p{ margin:15px 0;}
.img_left{ float:right; margin-right:20px;}
.wr_button_gr{ background:url(images/wr_button_gr.gif) 0 0 no-repeat; width:77px; height:16px; text-align:center;}
.wr_button_gr a, .wr_button_bl a, .wr_button_blx a, .but_form1 a, .but_form2 a, .wr_button_blx1 a{ color:#ffffff; text-decoration:none; font-size:0.812em; font-weight:bold; display:block; padding-top:0px; line-height:1.44em;}
.wr_button_bl{ background:url(images/wr_button_bl.gif) 0 0 no-repeat; width:77px; height:16px; text-align:center;}
.wr_button_blx{ background:url(images/wr_button_blx.gif) 0 0 no-repeat; width:130px; height:16px; text-align:center;}
.wr_button_blx1{ background:url(images/wr_button_blx1.gif) 0 0 no-repeat; width:73px; height:16px; text-align:center;}
.but_form1{ float:left; background:url(images/but_form1.gif) 0 0 no-repeat; width:50px; height:16px; text-align:center}
.but_form2{ float:left; width:58px; height:16px; background:url(images/but_form2.gif) 0 0 no-repeat; margin-left:10px; text-align:center;}
.list1 ul{ margin:21px 0 0 0;}
.list1 li a{ background:url(images/list_marker.gif) center left no-repeat; padding:0 0 0 13px; color:#4b696f; font-size:0.875em;}
.style_text{ color:#355f67; display:block; font-weight:bold; font-size:1.06em}
.link{ color:#766a64; font-size:0.812em;}
.ind_top{ margin-top:21px;}
.text2{ font-size:0.812em !important; margin-top:8px; display:block;}

.list li{ background:url(images/list_marker.gif) 0 7px no-repeat; padding:0 0 0 12px; font-size:0.875em; margin-top:11px;}
.list li a{ color:#4b696f; display:block; }
/*================== index.html ==================*/
#page1 #content .col_2 .col_box{ width:491px;}
#page1 #content .col_2 .col_box_1{ width:226px;}
#page1 #content .col_2 .col_box_2{ width:205px; margin-left:60px;}
/*================== index-1.html ==================*/
#page2 #content .col_1 .col_box{ width:487px; padding-bottom:11px;}
#page2 #content .col_1 .col_box_1{ width:260px;}
#page2 #content .col_1 .col_box_2{ width:225px;}
/*================== index-2.html ==================*/
#page3 #content .col_2 .col_box{ width:502px;}
#page3 #content .col_2 .col_box_1{ width:229px;}
#page3 #content .col_2 .col_box_2{ width:229px; margin:0 0 0 31px;}
/*================== index-3.html ==================*/
#page4 #content .col_1 .ind_top{ margin-bottom:11px;}
/*================== index-4.html ==================*/
#page5 #content .col_1 input{ width:220px; height:19px;}
#page5 #content .col_1 textarea{ width:250px; height:250px; overflow; margin-bottom:10px; overflow;}
#page5 #content .col_1 textarea, #page5 #content .col_1 input{ padding-left:2px; border:1px solid #bcb6a8; color:#766a64; font-size:1em; font-family:Arial;}
#page5 #content .col_1 .h_f{ height:30px;}
#page5 #content .col_1 .text2{ color:#766a64;}
#page5 #content .col_2 .col_box{ width:482px; color:#5d6263; font-size:0.812em;}
#page5 #content .col_2 .col_box a{ color:#5d6263;}
#page5 #content .col_2 .col_box_1{ width:500px;}
#page5 #content .col_2 .col_box_1 b{ font-weight:normal; float:right; margin-right:89px;}
#page5 #content .col_2 .col_box_2{ width:199px;}
#page5 #content .col_2 .col_box_2 b{ font-weight:normal; float:right; margin-right:70px;}
#page5 #content strong{ font-weight:normal; color:#5d6263; font-size:1.06em !important}
#page5 #content .col_2 .ind_2{ margin:11px 0 !important;}

/*==================list====================*/
.wr_footer { width:100%;}
.wr_footer .t { background:url(images/m2-t-dr.gif) repeat-x top #f0f5f7;}
.wr_footer .b { background:url(images/m2-b-dr.gif) repeat-x bottom;}
.wr_footer .l { background:url(images/m2-l-dr.gif) repeat-y left;}
.wr_footer .r { background:url(images/m2-r-dr.gif) repeat-y right;}
.wr_footer .l_t { background:url(images/m2-l-t.gif) no-repeat left top;}
.wr_footer .r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.wr_footer .l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wr_footer .r_b { background:url(images/m2-r-b.gif) no-repeat right bottom; width:100%;}
/*==========================================*/

and one of the popup window code is as below,

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>SSI Chemicals - Product Name</title>
<link href="file:///D|/Projects/SSI Chem/19658/site/style.css" rel="stylesheet" type="text/css" />
<link href="file:///D|/Projects/SSI Chem/19658/site/layout.css" rel="stylesheet" type="text/css" />
<script src="file:///D|/Projects/SSI Chem/19658/site/maxheight.js" type="text/javascript"></script>
<style type="text/css">
<!--
.style3 {color: #333333; }
.style5 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style7 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body {
background-image: url(../..//SsiChem/Products/ssi%201.jpg);
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body id="page6" onload="new ElementMaxHeight();">
<div class="main">
<!-- header -->
<!-- content -->
<div id="content" class="list">
<div class="col_1 maxheight text1">
<table width="697" height="579" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="471" valign="top"><p align="center" class="style7">1:4 Sulphopheny 1 - 3 Methyl 5 Pyrazolone (1:4 S.P.M.P )</p>
<table width="682" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="style7">Empirical Formula </td>
<td class="style5">C10H10N2SO4</td>
</tr>
<tr>
<td class="style7">Molecular Weight </td>
<td class="style5">254.2</td>
</tr>
<tr>
<td width="253" class="style7">Physical Appearance</td>
<td width="315" class="style5">White creamish moist powder </td>
</tr>
<tr>
<td class="style7">Purity</td>
<td class="style5">Min 70 % </td>
</tr>
<tr>
<td class="style7"> Nature of Material </td>
<td class="style3">Acidic</td>
</tr>
<tr>
<td class="style7">Insolubles</td>
<td class="style5">0.1 % Max (Alkaline) </td>
</tr>
<tr>
<td class="style7">Iron Content </td>
<td class="style5">50 ppm </td>
</tr>
<tr>
<td class="style7">Packing</td>
<td class="style5">25/50 Kgs in HDPE Bags </td>
</tr>
<tr>
<td class="style7">Basis Of Sale </td>
<td class="style3">On 100 % Basis </td>
</tr>
<tr>
<td class="style7">CAS No. </td>
<td class="style3">89-36-1</td>
</tr>
</table>
<p class="style3">&nbsp;</p> </td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<div class="clear"></div>
</div>
<!-- footer -->
<div id="footer"></div>
</div>
</body>
</html>

Seems like your problems is with your path settings. As Vangogh stated, it would be better if your posted your code. But you can try this:

1. Make sure the path to your background image is set correctly.
2. As for the cursor issue, that's because you don't have it set as a link, you need to add this to make it a link:

<a href="destination.html">Destination Page</a>

Hth

Originally Posted by Brian07002

Seems like your problems is with your path settings. As Vangogh stated, it would be better if your posted your code. But you can try this:

1. Make sure the path to your background image is set correctly.
2. As for the cursor issue, that's because you don't have it set as a link, you need to add this to make it a link:

<a href="destination.html">Destination Page</a>

Hth

but sir can you please tell me if its possible to make it appear as popup after putting this code ? because i have settled a behaviour to open a browser popup.

in my computer also background appears only in ie not in firefox

can somebody please reply its really urgent.

Originally Posted by sikat ang pinoy

use browser-friendly background

can you explain in detail bro.

It looks to me like an image - then it would not matter. Color might.

<link href="file:///D|/Projects/SSI Chem/19658/site/style.css" rel="stylesheet" type="text/css" />
<link href="file:///D|/Projects/SSI Chem/19658/site/layout.css" rel="stylesheet" type="text/css" />
<script src="file:///D|/Projects/SSI Chem/19658/site/maxheight.js" type="text/javascript"></script>

SO....

.... have you fixed the above problem yet????

as mentioned in post #2!!!!!

thanks a lot buddy problem solved. i really appreciate your help sir.

new problem sir its showing yello triangle in status bar before done . and error shows the following,

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Timestamp: Wed, 23 Dec 2009 20:40:55 UTC


Message: 'ElementMaxHeight' is undefined
Line: 17
Char: 1
Code: 0
URI: http://www.ssichem.com/Products/OT5SA.html

what to do to remove that yellow trinagle ?

and also on my product page cursor is not yet changing to hand shape when i hover over links. can somebody please guide me how to do that?

what to do to remove that yellow trinagle ?

define ElementMaxHeight in the code somewhere!

Originally Posted by chrishirst

define ElementMaxHeight in the code somewhere!

but what height ?

No idea, did you write the code or was it written for you?

i have used a template