Links: No Underline
Links Without Underline
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
Learn how to create links without the underline in Dreamweaver using stylesheets.
Underline Horizontal Menu
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
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.
Styling links with CSS
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
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
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).
Remove Underlines from Links
Adobe Dreamweaver Tutorial: Make your links look nice without those underlines.
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.
Change Cursors When Hovers over Links
With CSS you can change what the cursor looks like when it hovers over your links and other elements.
Remove Underlines from Links in HTML
In this tutorial you will learn how to remove underlines from links.
Jump links and viewport positioning
Four methods for creating space above the target of a jump link. The default behaviour for within-page links. The target element is pressed right up against the top of the viewport. Use a pseudo-element to add space at the beginning of the element...
Styling Your Links
Open the HTML file that contains your links. We are going to use internal styles, though it is not the best way to include styling to your page because when there is a need to change a particular style, you will have to change that style in all the webpages that it is included. So I always recommend using external stylesheet then link it in all of your webpages. But for the purpose of the tutorial, we will be using the internal styles.
How to create flat style breadcrumb Links
With all the progressions of CSS and CSS3 over recent years we’ve reached a point where many of the old coding techniques that involved background images can now be created entirely with CSS. In this tutorial we’ll look at creating a series of breadcrumb navigation links in a flat design style without the need for the previously popular “sliding doors background image” method.
Creating a Navigation Bar in 16 Steps
This interesting tutorial in HTML and CSS will show you how to create a Navigation Bar. It takes 16 steps, but they are short and easy to read. The great photos and screenshots make each step very understandable. Thanks to CSS, you can format your links with any style you choose and and can align your links horizontally or vertically. Also, using CSS instead of images to create a rollover effect helps your page load faster.
Add an offsite link icon after external links with CSS
It can be useful to have an offsite link icon next to external links on a web page. This is easy to implement using CSS without having to add any additional elements to your anchor tags or additional image tags to the HTML source.
Links With CSS3
A fair while back I wrote a post on pressed button states using CSS, which was a tutorial on how to implement a pressed down button effect on custom styled links. In that post I used images to achieve the visual effect. Now that we have good CSS3 support, that method is really out of date. In this post I’ll show you how to achieve the same effect using CSS3, as well as how I’d go about styling the rest of the button.
How to create a simple tooltip using only CSS3
This article demonstrates how to create a simple tooltip using only CSS3 with minimal styles. Consider the following example of tooltips for links. Tooltip is a box with additional information which appears near the element when user hovers the cursor over the element. Tooltips are often used to provide captions for images or descriptions for links. Using them is a good way to provide more information for the user without cluttering the content on the page.
Creating Multiple Link Styles
This is really easy to do but it took me forever to figure out. I wish someone was around to tell me like I about to tell you. Lets say you had a page with a dark colored side and a light colored side but the link style you have is a dark color that makes it really hard to read on the dark side of the page. To solve this you want the links on the light side to be dark colored and the links on the dark side to be light colored.
Create Revealing Content Overlays With CSS3 Transitions
I’ll introduce this tutorial by presenting a very suitable use case. Imagine your company offered a bunch of different services, and on your website’s services section, they were listed. Each service had its own description, but you didn’t want to occupy a whole lot of page real estate. You present a bunch of attractive links or buttons instead, prompting and allowing users to click on the links to view more. Each service might not warrant a whole new page, so instead, you reveal content overlays with CSS3 transitions.