Topics Search

Links: No Underline

Links: No Underline
Views: 381
Styling links with CSS tutorial: Get the underlines off of your links!
Sponsored Links:

More topics

 

Links Without Underline

Preview
In this article we teach you how simple it is to create links with no underline.This is done using CSS Styles.
 

Tutorial on Links Without Underline

Preview
Learn how to create links without the underline in Dreamweaver using stylesheets.
 

Underline Horizontal Menu

Preview
This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link.
 

More Control over Text Decoration

Preview
You're probably aware of this property. For instance, most default browser styles include underlined links by way of text-decoration: underline; - which you can remove with text-decoration: none;. But you may not be aware that there is more you can do with this property, as well as various sub-properties offering more fine-grained control.
 

CSS Text Decoration Example

Preview
The aim of this example is to show the usage of text-decoration property. This is a very commonly used property to decorate text mainly with lines. It may also be used to style links in your own way using underline value. All modern browsers support text-decoration property and you may use it without having to write extra lines of code like -webkit, -moz or -o. As we will see, you can add two or more values to this property and still get things going well and have a customized styling that you want.
 

Styling links with CSS

Preview
Learn how to add interesting CSS styles to HTML links, including visited and rolled-over links. Discover how to change colours and add images to links.
 

CSS and Links

Preview
Applying CSS to your links allows you to do all sorts of nice roll-over effects and advanced text highlighting. You will also be able to have many sets of links on a single page, all with different formatting.
 

3D Button Links

Preview
This tutorial will show you how to create nifty 3d button like links with a mouse over effect. We will assign a class to this hyperlink style, as we don't want the css to affect all of the links on the page (unless you really want it to!), lets call this class b3d (button 3d - if you really cared).
 

Limitations on Styling Visited Links

Preview
Links can be styled any which way you like to provide unique site navigation. These styles can be extended to pseudo states like :hover to create dynamic transitions. However, there are significant restrictions on styling links that the user has previously visited, limitations that are often unexpected and exasperating, especially for designers and developers who don’t understand the reasons why.
 

Remove Underlines from Links

Preview
Adobe Dreamweaver Tutorial: Make your links look nice without those underlines.