we can beat any UK and Us quote and guaranty very professional design services
 

Tutorials

» Fireworks Effects Tutorials

» Flash Tutorials

» Photoshop Tutorials

» Dreamweaver Tutorials


 

Maa Graphics Services

» 2D Animation
» Architectural Rendering
» 3D Product Modeling
» 3D Exhibition Display
» Digital Illustration

» Book Illustrations
» Cartoon Drawings
» Medical Illustration

» Illustration

» Illustrations
» Portrait Illustrations
» Fashion Illustrations

» Logo Design
» Stationary Design
» Advertising Designs
» Banner Designs
» Brochures Designs

» Direct Mail Design
» Flyers Designs
» Folders Designs
» Image Clipping Paths
» News Letter Design

» Package Design
» Posters Designs
» Signage Designs
» Brochure Website
» E-Commerce Website

» Flash Website
» CMS Development
» Search Engine Optimising
» Website Content Writing
» E-mail Newsletter Design

 
Creating links without underline in DreamweaverMX

This tutorial will teach you how to create links without underline in Dreamweaver by using stylesheets. The following are the steps to be followed:

  1. First go to style palette by clicking on Windows>Styles. Then click ‘Style Sheet button’ and then create a new style by clicking on New and name the new style as ‘nounderline’ and click ok.
  2. Then the box next to the None button is checked, thus the style has no decoration.
  3. Then the style is applied to all the links in the page.

    The code is as follows:
    <style type="text/css">
    <!--
    .nounderline { text-decoration: none}
    -->
    </style>

    Note:The style must be copied in the <HEAD> tags.

  4. If the no underline style is to be maintained in the site you must use the a: link style. And you must choose ‘Use CSS Selector’ if you are creating new styles. To do so click ok create your own style for example Arial, size 10, color #000066, no underline and the check box next to the None button must be clicked to avoid underlines for your links.


    The following are the code to be copied in your web page. It must be copied within your tags as mentioned before:


    <style type="text/css">
    <!--
    a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #990000;
    text-decoration: underline}
    a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066;
    text-decoration: none}
    a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #31654A;
    text-decoration: none}
    -->
    </style>

  5. If CSS styles are familiar for you, then you can add your own style by clicking 'text-decoration: none'.
  stock illustrations

 

 
Home | Free Tutorials | Templates | Website Templates | Logo Templates | About | Website Designed Maa Graphics | Copyright © www.maagraphics.com - All rights reserved | Site map