asp.net using C#, replace the HTML source code <B>, </B> and </A>
<p>I use a kind of Pager Control for Repeater <a href="http://www.codeproject.com/KB/custom-controls/CollectionPager.aspx" rel="nofollow">From Here</a></p>

<p>This Pager Control is perfect but I think there is a flaw in it.</p>

<p>the pager source code is like this:</p>

<pre><code>&lt;cc1:CollectionPager ID="Repeater_Pager" runat="server" PageSize="3" BackNextDisplay="HyperLinks"
            BackNextLocation="Split" BackText='&lt;img src="Pics/back_page.png" alt="" /&gt;'
            NextText='&lt;img src="Pics/next_page.png" alt="" /&gt;'
            PagingMode="QueryString" ShowFirstLast="True" ControlStyle="text-align:center;padding:1em;"
            MaxPages="9999" ShowLabel="False" FirstText='&lt;img src="Pics/first_page.png" alt="" /&gt;'
            LastText='&lt;img src="Pics/last_page.png" alt="" /&gt;'
            PageNumbersSeparator="│" ResultsLocation="None" QueryStringKey="page"&gt;
&lt;/cc1:CollectionPager&gt;
</code></pre>

<p>And the pager would output HTML like this:</p>

<pre><code>&lt;div style='text-align:center;padding:1em;'&gt;&lt;div&gt;&lt;span&gt;&lt;img src="Pics/first_page.png" alt="" /&gt;&amp;nbsp;&lt;img src="Pics/back_page.png" alt="" /&gt;&lt;/span&gt;&lt;span style='padding-left:10'&gt;&lt;/span&gt;&lt;span&gt;**&lt;B&gt;**1**&lt;/B&gt;** │ &lt;a href='aaa.aspx?page=2'&gt;2&lt;/a&gt;&lt;/span&gt;&lt;span style='padding-left:10'&gt;&lt;/span&gt;&lt;span&gt;&lt;a href='aaa.aspx?page=2'&gt;&lt;img src="Pics/next_page.png" alt="" /&gt;**&lt;/A&gt;**&amp;nbsp;&lt;a href='aaa.aspx?page=2'&gt;&lt;img src="Pics/last_page.png" alt="" /&gt;**&lt;/A&gt;**&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p><code>&lt;B&gt;&lt;/B&gt;, &lt;/A&gt;</code> cannot pass the W3C check.</p>

<p>what I'm trying to do is that I put the pager control in a panel.</p>

<p>something like this:</p>

<pre><code>&lt;asp:Panel ID="Panel1" runat="server"&gt;

    &lt;cc1:CollectionPager ID="Repeater_Pager" runat="server" PageSize="3" BackNextDisplay="HyperLinks"
                    BackNextLocation="Split" BackText='&lt;img src="Pics/back_page.png" alt="" /&gt;'
                    NextText='&lt;img src="Pics/next_page.png" alt="" /&gt;'
                    PagingMode="QueryString" ShowFirstLast="True" ControlStyle="text-align:center;padding:1em;"
                    MaxPages="9999" ShowLabel="False" FirstText='&lt;img src="Pics/first_page.png" alt="" /&gt;'
                    LastText='&lt;img src="Pics/last_page.png" alt="" /&gt;'
                    PageNumbersSeparator="│" ResultsLocation="None" QueryStringKey="page"&gt;
        &lt;/cc1:CollectionPager&gt;

    &lt;/asp:Panel&gt;
</code></pre>

<p>I want to replace the HTML source code <code>&lt;B&gt;, &lt;/B&gt; and &lt;/A&gt; with &lt;strong&gt;, &lt;/strong&gt; and &lt;/a&gt;</code> before sending it to the browsers. But I have no idea how to do that with a panel control in a code-behind using C#. Or there is another good idea to fix it, would be very appreciated.</p>

<p>please help. Thanks in advance! :)</p>
