Left panel extending only on cart pages

Need technical advice on coding your web pages? Covers HTML, JavaScript, CSS, and some server side technologies. Also the issue of some webpages not displayed well.

Moderator: Don_HH2K

Left panel extending only on cart pages

Postby fsctke » Fri 01 Dec, 2006 6:29 pm

I have a panel error I would like some experts to examine. Bascially it behaves correctly in IE, however in firefox/netscape I recieve incorrectness. I do have 2 images of the problem I would like to attach to this post, but I cannot seem to find an attachment feature. Please tell how I can post my screen caps to aid in analysis. Or if you don't nee pic, just go to
link here

and examine that page in IE first to see how it should be, and then open the same in Firefox, and you will see that the left panel grossly over-extends. You can see this by going to the home page, and even in firefox/netscape the panel displays correctly on homepage, but the minute your'e in firefox/netscape and go to a shopping page, you get panel extension. Should should easily be able to see what I mean without pics, but I can provided if need and told how to.. thankyou

[BBCode used on link. profman, 12/2/2006]
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby Fulvio » Fri 01 Dec, 2006 7:22 pm

They look the same to me. I tried one link, and there is no change. It fits just right with my screen resolution of 1024x.
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
A minority may be right, and a majority is always wrong
~ Henrik Ibsen
WinXP, SP3, 512 MB, SM2.9.1, FF12, TB12.0.1, IE8.0, Google Chrome18, Ghostwall , Avast 7.x, JRE1.7_04. Testing FF13b4
User avatar
Fulvio
Moderator
Moderator
 
Posts: 11916
Joined: Wed 19 Jun, 2002 10:08 am

Postby fsctke » Fri 01 Dec, 2006 7:54 pm

can you tell me how to attach pix
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby fsctke » Sat 02 Dec, 2006 4:30 pm

I would love to show pix of my problem, however I could use some guidence on how to post my screen shots.
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby Fulvio » Sat 02 Dec, 2006 10:29 pm

fsctke wrote:I would love to show pix of my problem, however I could use some guidence on how to post my screen shots.


I don't know how to, but I asked someone else to read the thread. Have a bit of patience, considering the time difference, and the fact that it is the weekend. Please give screen resolution.
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060917 K-Ninja/2.0.4
A minority may be right, and a majority is always wrong
~ Henrik Ibsen
WinXP, SP3, 512 MB, SM2.9.1, FF12, TB12.0.1, IE8.0, Google Chrome18, Ghostwall , Avast 7.x, JRE1.7_04. Testing FF13b4
User avatar
Fulvio
Moderator
Moderator
 
Posts: 11916
Joined: Wed 19 Jun, 2002 10:08 am

Postby Antony » Sat 02 Dec, 2006 11:37 pm

fsctke wrote:can you tell me how to attach pix

Simply take a screenshot (on Windows, press Print Screen (usually labelled PrtScr or similiar), then paste it to any graphic application.

Next, save it to either JPEG (.jpg) or PNG (.png) format.

We prefer you resize it to no wider than 550 pixels.

Next upload the screenshot to as server (either yours or third party's for example http://imageshack.us/ ) and post a link of the image.


(if you resized the screenshot to no wider than 550 pixels, you can use inline image link (e.g. [img].....[/img])
UserAgent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby fsctke » Sun 03 Dec, 2006 12:23 am

please view my screenshots at
link here
Not sure what the problem could be!

[Used BBCode to shorten link. profman, 12/3/2006]
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby Antony » Sun 03 Dec, 2006 7:11 am

The problem seems to be the search box issue. Just limit the table (of the quick search form) to 200 pixels wide instead of 100% should do the trick.

In your code,
Code: Select all
<!-- start searchbox //-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" width="11" height="14"></td>
    <td width="100%" height="14" class="infoBoxHeading">Quick Find</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>

</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><form name="quick_find" action="http://www.highend-electronicsupershop.net/advanced_search_result.php" method="get"><input type="text" name="keywords" size="10" maxlength="30" style="width: 95px">&nbsp;<input type="hidden" name="osCsid" value="436d14e842c7f0e5ea7bafc8343eb5dc"><input type="image" src="includes/languages/english/images/buttons/button_quick_find.gif" border="0" alt="Quick Find" title=" Quick Find "><br>Use keywords to find the product you are looking for.<br><a href="http://www.highend-electronicsupershop.net/advanced_search.php?osCsid=436d14e842c7f0e5ea7bafc8343eb5dc"><b>Advanced Search</b></a></form></td>

  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
<!-- end searchbox //-->


Change the second [tt]<table>[/tt] to specify [tt]width="200"[/tt] should do the trick.

e.g.
Code: Select all
</table>
<table border="0" width="200" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">


Of course you can also change the first [tt]<table>[/tt]'s width to 200 pixels as well.
UserAgent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en) AppleWebKit/418.9.1 (KHTML, like Gecko) Safari/419.3
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby fsctke » Sun 03 Dec, 2006 5:19 pm

hey, thanks a million! Can you tell me where you found that code at, as I have looked, but cannot seem to locate it!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby Antony » Sun 03 Dec, 2006 9:35 pm

fsctke wrote:hey, thanks a million! Can you tell me where you found that code at, as I have looked, but cannot seem to locate it!


Well, because I don't have the actual source code, and it's generated by the server. (session ID, [tt]436d14e842c7f0e5ea7bafc8343eb5dc[/tt], at least).

I guess you were using one of the shopping cart software, and it's generated on-the-fly by the server.

If that was the case, try searching for [tt]<!-- start searchbox //-->[/tt], then found the second [tt]<table>[/tt] after that, and change the [tt]width[/tt] to [tt]width="200"[/tt].
UserAgent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby fsctke » Sun 03 Dec, 2006 10:03 pm

ok, you gave me the key info anyway. I'll track it down one way or another. thanks again for the advice!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby fsctke » Tue 05 Dec, 2006 10:02 am

I tried the find and replace for the term start searchbox, and was stunned to recieve no results returned on any pages. very strange considering that snippet of code is directly visible from the view source of the page like u posted avove. my web host had no luck finding it either. I can find a similiar page called search, and another .php called advanced search, but they appear to be different from the code in question from above. Even people at the oscom forums, which is the type of template that is, don't have a clue. I figured I'd ask u agin because u seem to be the smartest guy around on this stuff!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby Antony » Wed 06 Dec, 2006 1:22 pm

Can you post the original source code (template) of the section containing [tt]<!-- start searchbox //-->[/tt]?

Please surround the source code by [code] and [/code] when posting here to make it easier to read.
UserAgent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby fsctke » Thu 07 Dec, 2006 12:43 am

here is a screencap at
http://highend-electronicsupershop.net/ ... to_fix.jpg
thats the problem, I can't frind it in any of the pages
earlier u said is was manufactured on-the-fly...
so, with that being the case I don't know what to give you, I just know it
is viewable on sorce view of pages , but the code is no where to be found. not on template
page, not anywhere else after looking for quite some time. I could give link to .zip file containing the template in it orginal state, before I added a bunck of junk, but other than that, I don't have a clue. someone suggested "forcing the left panel table to stay at 200px, but as I am not adept hith html, I had little success.

Again to see the problem live, simply goto
http://www.highend-electronicsupershop. ... 1e7452fa6f

for example using netscape or firfox, and you'll see the left table extend way out, just click the home button, to see it correctly render the table. I just need the table to look the way it does on homepage, accross all other pages as well, and they seem to do, all except for any cart pages, they only do this error, and only in firefox and netscape, IE does not make any error of this siutation. thanks for you aid!
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Postby fsctke » Thu 07 Dec, 2006 4:08 am

never mind my man, got the answer! really tedious to solve, but its right now. This is what was done for anyone who cares!

You can change the box width by editing the below line in the catalog/includes/classes/boxes.php file:
(line 15)
var $table_width = '100%';


And you also need to edit this line of the same file:

array('params' => 'width="100%" height="14" class="infoBoxHeading"',



-->
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
fsctke
junior member
junior member
 
Posts: 16
Joined: Sat 25 Nov, 2006 10:48 pm

Next

Return to Web Design and Page Coding

Who is online

Registered users: Google [Bot]