Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Marage navigation page numbers in Firefox and Safari

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 10-06-2008, 01:44 PM
  peterstagg's Avatar 
peterstagg peterstagg is offline
 

Advanced Member
  
Join Date: Jul 2007
Posts: 85
 

Default Mirage navigation page numbers in Firefox and Safari

Hi
I have looked for this in the forums but can't seem to find anything relating to this.

In Firefox and Safari ( I have to test it in this for PC too) I am getting a mirage of the page boxes underneath the main pages. IE manages not to suffer from it.

In this example there are 17 pages in the category.
Click image for larger version

Name:	mirage nav.jpg
Views:	362
Size:	31.5 KB
ID:	1162

Has anybody else seen this before?
cheers
peter
__________________
Peter
"http://www.memoryoverload.com"

Reply With Quote
  #2  
Old 10-07-2008, 12:38 AM
  Yurij's Avatar 
Yurij Yurij is offline
Banned
 

X-Adept
  
Join Date: Jan 2008
Posts: 486
 

Default Re: Mirage navigation page numbers in Firefox and Safari

Quote:
Originally Posted by peterstagg
Hi
I have looked for this in the forums but can't seem to find anything relating to this.

In Firefox and Safari ( I have to test it in this for PC too) I am getting a mirage of the page boxes underneath the main pages. IE manages not to suffer from it.

In this example there are 17 pages in the category.
Attachment 1162

Has anybody else seen this before?
cheers
peter

Show me please source of the file "skin1/customer/main/navigation.tpl"
and text for the next css class (from file skin1/skin1.css):
- NavigationCell;
- NavigationCellWide.
Reply With Quote
  #3  
Old 10-07-2008, 12:12 PM
  peterstagg's Avatar 
peterstagg peterstagg is offline
 

Advanced Member
  
Join Date: Jul 2007
Posts: 85
 

Default Re: Marage navigation page numbers in Firefox and Safari

Hi Yurij

Here is the code for Navigation.tpl
{* $Id: navigation.tpl,v 1.16.2.1 2006/06/16 10:47:41 max Exp $ *}
{assign var="navigation_script" value=$navigation_script|amp}
{if $total_pages gt 2}
<table cellpadding="0">
<tr>
<td class="NavigationTitle">{$lng.lbl_result_pages}:</td>
{if $current_super_page gt 1}
<td><a href="{$navigation_script}&amp;page={math equation="page-1" page=$start_page}"><img src="{$ImagesDir}/larrow_2.gif" class="NavigationArrow" alt="{$lng.lbl_prev_group_pages|escape}" /></a></td>
{/if}
{section name=page loop=$total_pages start=$start_page}
{if %page.first%}
{if $navigation_page gt 1}
<td valign="middle"><a href="{$navigation_script}&amp;page={math equation="page-1" page=$navigation_page}"><img src="{$ImagesDir}/larrow.gif" class="NavigationArrow" alt="{$lng.lbl_prev_page|escape}" /></a>&nbsp;</td>
{/if}
{/if}
{if %page.index% eq $navigation_page}
<td class="NavigationCellSel" title="{$lng.lbl_current_page|escape}: #{%page.index%}">{%page.index%}</td>
{else}
{if %page.index% ge 100}
{assign var="suffix" value="Wide"}
{else}
{assign var="suffix" value=""}
{/if}
<td class="NavigationCell{$suffix}"><a href="{$navigation_script}&amp;page={%page.index%} " title="{$lng.lbl_page|escape} #{%page.index%}">{%page.index%}</a><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
{/if}
{if %page.last%}
{math equation="pages-1" pages=$total_pages assign="total_pages_minus"}
{if $navigation_page lt $total_super_pages*$config.Appearance.max_nav_page s}
<td valign="middle">&nbsp;<a href="{$navigation_script}&amp;page={math equation="page+1" page=$navigation_page}"><img src="{$ImagesDir}/rarrow.gif" class="NavigationArrow" alt="{$lng.lbl_next_page|escape}" /></a></td>
{/if}
{/if}
{/section}
{if $current_super_page lt $total_super_pages}
<td><a href="{$navigation_script}&amp;page={math equation="page+1" page=$total_pages_minus}"><img src="{$ImagesDir}/rarrow_2.gif" class="NavigationArrow" alt="{$lng.lbl_next_group_pages|escape}" /></a></td>
{/if}
</tr>
</table>

{/if}


And the CSS for the classes are

.NavigationCell {
TEXT-ALIGN: center;
VERTICAL-ALIGN: bottom;
BACKGROUND-IMAGE: url(images/page.gif);
WIDTH: 17px;
HEIGHT: 14px;
}

.NavigationCell A:link, .NavigationCell A:visited, .NavigationCell A:hover, .NavigationCell A:active {
TEXT-DECORATION: none;
}

.NavigationCell IMG {
HEIGHT: 1px;
WIDTH: 17px;
}

.NavigationCellWide {
TEXT-ALIGN: center;
VERTICAL-ALIGN: bottom;
BACKGROUND-IMAGE: url(images/page_wide.gif);
WIDTH: 23px;
HEIGHT: 14px;
}

.NavigationCellWide A:link, .NavigationCellWide A:visited, .NavigationCellWide A:hover, .NavigationCellWide A:active {
TEXT-DECORATION: none;
}

.NavigationCellWide IMG {
HEIGHT: 1px;
WIDTH: 23px;
}


Thanks for your offer to assist.

Peter
__________________
Peter
"http://www.memoryoverload.com"

Reply With Quote
  #4  
Old 10-08-2008, 12:57 AM
  Yurij's Avatar 
Yurij Yurij is offline
Banned
 

X-Adept
  
Join Date: Jan 2008
Posts: 486
 

Default Re: Marage navigation page numbers in Firefox and Safari

Quote:
Originally Posted by peterstagg
Hi Yurij

Here is the code for Navigation.tpl
..........
Thanks for your offer to assist.

Peter


Try change next line in this file:

PHP Code:
<td class="NavigationCell{$suffix}"><a href="{$navigation_script}&amp;page={%page.index%} " title="{$lng.lbl_page|escape} #{%page.index%}">{%page.index%}</a><img src="{$ImagesDir}/spacer.gif" alt="" /></td

on this code

PHP Code:
<td class="NavigationCell{$suffix}"><a href="{$navigation_script}&amp;page={%page.index%} " title="{$lng.lbl_page|escape} #{%page.index%}">{%page.index%}</a></td
Reply With Quote
  #5  
Old 10-08-2008, 01:40 PM
  peterstagg's Avatar 
peterstagg peterstagg is offline
 

Advanced Member
  
Join Date: Jul 2007
Posts: 85
 

Default Re: Marage navigation page numbers in Firefox and Safari

Hi Yurij
That has fixed the problem perfectly
Many thanks for your advice.

Peter
__________________
Peter
"http://www.memoryoverload.com"

Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:13 AM.

   

 
X-Cart forums © 2001-2020