©2000-2002 3Dize Inc. All rights reserved

Text Links Example Instructions Other CSS Link Styles

Links - No Underlines

Instructions Insert the code below onto your page using the HTML Object Tool. 1. Click the Insert Menu at top of Cool Page window. 2. Choose HTML Object... 3. Paste this code below into the HTML Object Properties window. <STYLE> A {text-decoration:none; } </STYLE> 4. Click the General tab of the HTML Object properties window. 5. Set the width of the HTML Object to 2. 6. Set the height of the HTML Object to 2 7. Set the Layer=0. 8. Click the OK button on the HTML Object window. 9. Drag the HTML Object to a location near the top of your page. Note: you may set the width and height to larger proportions if you have difficulty seeing such a small object on your page in the Cool Page window.

Text Links Text Links on a page seen in a web browser are normally underlined.  The browser has settings that can turn underlines On or OFF.  Link underlines can also be disabled using a CSS code.  (Cascading Style Sheets) Example This Text Link has no underline, nor will it underline when the mouse is placed on it nor will it underline after being clicked.  NO UNDERLINE The code below will disable underlines in Text Links.

CPH :  Guides :  Linking :  No Underlines

CSS Text Link Tool

Other CSS Link Styles There are other ways to modify text links using CSS.  Text links can have underlines, overlines, line-through or no underlines.  These styles can be used for links as they first appear on the page, when the mouse hovers the text and for visited links.  A different color can be used for each type of text link and 6 different cursor styles can be used. See the CSS Text Link Tool and make your own custom CSS Text Links for your pages.