TIP 127: Removing Link Underlines

One of the most common requests in any Web design forum is: "How do I remove the underlines from all my text links?" You've probably figured it out by now, but you'll need to use CSS to achieve this common effect. You can remove link underlines with internal style sheets, but that's very inefficient because it means opening and editing every page individually. Instead, here's an easier solution that uses an external style sheet. Just follow these steps:

1.	Create a new external style sheet by selecting Web > CSS > Basic CSS in the File > New dialog.
2.	Select the <a> element from the New Element pull-down menu on the right to create a new style sheet rule that affects how hyperlinks are displayed in your Web pages.
3.	With the CSS rule for the <a> element selected on the left, select the Font tab in the CSS editor and click the No Text Decoration button to remove the underlines (Figure 127). Notice that you can also change properties such as the color, size, and background color of your hyperlinks in the same tab of the CSS Editor. Figure 127. You're not stuck with underlined links if you follow these steps.

After you save this external .css file into your Web site, follow the steps in Tip 124 to apply this effect to all the pages in your site. Isn't it amazing how much time GoLive is saving you? Now you can take an extra week of summer vacation.