Open up your web form and add the style sheet to the head section of your web form.

<LINK href="wizardstyles.css" type="text/css" rel="stylesheet" />

Now we will start working on the wizard.  First, add a table with two rows into your form.

<table cellpadding=2 cellspacing=2 width=350>
 <tr>
  <td>
  </td>
 </tr>
 <tr>
  <td height=350>
  </td>
 </tr>
</font><font face="Arial" size="2"></table>

In the top row, add a table and a cell for each link button control for how many steps there will be in your wizard.  Assign the CSS class of IntPanelTab to the table.  I am going to go with 4 steps here.

<table class="IntPanelTab" cellSpacing="0" cellPadding="0">
 <tr>
 <td><asp:linkbutton id="lbStep1" runat="server" CausesValidation="False">Step 1</asp:linkbutton></td>
 <td><asp:linkbutton id="lbStep2" runat="server" CausesValidation="False">Step 2</asp:linkbutton></td>
 <td><asp:linkbutton id="lbStep3" runat="server" CausesValidation="False">Step 3</asp:linkbutton></td>
 <td><asp:linkbutton id="lbStep4" runat="server" CausesValidation="False">Step 4</asp:linkbutton></td>
 </tr>
</table>

Make sure that CausesValidation="False" is on all of your link buttons; otherwise, you will find yourself very frustrated with your wizard if you are using validator controls.

In your bottom table row, put a table inside and assign the CSS class of “IntPanel” to it. Inside this table, put a panel for each of your steps with a table inside of it for nice formatting of your form elements. Once again, I will use 4.

<asp:panel id="pnl1" Runat="server">
 <TABLE width="100%">
  <TR>
   <TD align=right>
   </TD>
   <TD>
   </TD>
  </TR>
 </TABLE>
</asp:panel>