CSS Links Formatting

Home » CSS (640) » Links Formatting (15)

Create a sidebar navigation list
This tutorial will show you how to create a simple vertical CSS navigation which will fit nicely into a sidebar. You will learn how to use an unordered list coupled with CSS to create an appealing nav bar for your site.

Style Sheet Defined within External/Linked Document
Style sheets can be imported, linked, be in-line, or be defined in the document header. Many sites will only use one style sheet and link it to all of their documents, thus facilitating easy changes across many pages.

Link control
The anchor tag is responsible for links. We can set specific values for the anchor. These values will be for the link, active and visited. We can also have a hover property in styles.

Links and Styles
Modify link states, add background color, change cursor on mouseOver...etc

Text Rollovers
These are great for aiding the user in navigation while not slowing the loading of your page through image flip rollovers.

Remove Underlines from Links in HTML
In this tutorial you will learn how to remove underlines from links.

Link Effects
Learn how to make your links flip vertically when you go over them.

Custom Link Colors
Standard link colors are boring and frequently do not match the color scheme of your website. Pseduo-classes, which add different effects to some selectors, can change the link colors to match your site.

Styling Links Tutorial
As you know there are four states of a link, namely: Initial State, Visited State, Mouse Over State and Active State

Links: No Underline
Get the underlines off of your links!

Hover Links in CSS
Creating really cool hover links in CSS can be easier than you think. Be sure to check out this great tutorial to learn everything you need to know on how to get the job done right.

Table Cells Into Links
The way to turn a table cell into a link is to apply a class to a link and to insert the link inside cell, here is the CSS:

Horizontal Drop-Down Menu using CSS
Learn how to create a drop-down horizontal CSS menu, completely JavaScript-free. The menu is valid XHTML and CSS and uses unordered lists for the menu items.

Different link colors
Do you want to have a different color links on different sections of your website? If your answer is yes then you have come to the right tutorial.

CSS and Links
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.

Home » CSS (640) » Links Formatting (15)