Need to make this tab interface nicer and less crowded 2

[Cooperdam]

asp:HyperLink ID="HyperLink2" runat="server" ForeColor="Blue" style="text-decoration: underline" NavigateUrl="SpendAnalyzer/Default.aspx">CARETRAK</asp:HyperLink>




The following code displays a tab for the user to click on, and then runs their app. The way it is coded, the three tabs have no space between them nor do they look pretty. any ideas to improve the look here? u can see this here:

http://img651.imageshack.us/img651/8987/crowdedscreen.png

asp:HyperLink ID="HyperLink2" runat="server" ForeColor="Blue" style="text-decoration: underline" NavigateUrl="SpendAnalyzer/Default.aspx">CARETRAK</asp:HyperLink>

<asp:HyperLink ID="HyperLink3" runat="server" ForeColor="Blue" style="text-decoration: underline" NavigateUrl="SpendAnalyzer_Oncare/Default.aspx">CARETRAK_OnCare</asp:HyperLink>

 

[jmeckley]

use CSS to style it. avoid tables for non-tabular data when possible. I have seen other sites use an unordered list of links to get really nice effects.

if all you're after is some spacing use CSS to increase the padding/margin on the left and right side of the links.

Jason Meckley
Programmer
Specialty Bakers, Inc.

faq855-7190
faq732-7259

 

[ca8msm]

Yes, use an unordered list and style appropriately with CSS. There's some good examples of how to do this here:

http://css.maxdesign.com.au/listamatic

Mark,

Darlington Web Design[tab]|[tab]Experts, Information, Ideas & Knowledge[tab]|[tab]ASP.NET Tips & Tricks