Categories
Creating links without underlines
Although underlines help us to identify links on web pages, there are some instances where you may want to remove underlines from certain links. It's easy to achieve this effect using "Cascading Style Sheets" (CSS).
-
Before (regular link):<a href="http://www.chami.com/tips/">
Sample Link
</a>Listing #1 : HTML code. Download nolinkb (0.19 KB).After (after stylizing the link to remove underlines):<a href="http://www.chami.com/tips/"
STYLE="text-decoration: none"
>
Sample Link
</a>Listing #2 : HTML code. Download nolinka (0.22 KB).Demo: "Regular Link" | "Same link without underlines"
-
<style>
<!--
a {text-decoration: none}
-->
</style>Listing #3 : HTML code. Download nouline (0.18 KB).
-
<html>
<head>
<style>
<!--
a {text-decoration: none}
-->
</style>
<!-- other tags -->
</head>
<body>
<!-- other tags -->
</body>
</html>Listing #4 : HTML code. Download nouline2 (0.24 KB).
To share this: BlinkBits | BlinkList | Blogmarks | Co.mments | Connotea | Del.icio.us | Digg | Facebook | FrankIt | Furl | Ma.gnolia | Newsvine | Reddit | Yahoo
Applicable Keywords : Cascading Style Sheets, HTML, Internet Explorer, Explorer 4.x, Internet, Netscape Navigator, Communicator 4.x, World Wide Web
Previous Tip : How to describe your links using pop-up hints windows
Random Tip : A is for All
Next Tip : How to clear browser cache
Random Tip : A is for All
Next Tip : How to clear browser cache