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.
Attachment 1162

Has anybody else seen this before?
cheers
peter

Re: Mirage navigation page numbers in Firefox and Safari
 

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.

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

Re: Marage navigation page numbers in Firefox and Safari
 

Try change next line in this file:


on this code

Re: Marage navigation page numbers in Firefox and Safari
 

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

Peter