UCSF University of California, San Francisco      About UCSF       Search UCSF       UCSF Medical Center     
  Education & Training    Research    Patient Care   
 
Print This Page For Normal View, Click Here For Larger Font Sizes', Click Here

 
 
Information Services Unit
Web Resources
Announcements
Web Techniques
Web Worker Meetings
Training Resources
Web Style Guide
 

Formatting Links with CSS

You may have already noticed that when you add a link to a preformatted element such as a content table or a 'see also' box, the format of the link may change.

Briefly, this is because our style sheet formats links to fit in with the content text (such as you see here.) In order to maintain the special formatting of preformatted table or of a 'see also' table, you have to apply the special styles to the link itself. Don't worry, this will become more clear further on.

Here are a couple of examples of what may happen when you add a link to preformatted tables or to a 'see also' tables:

 Link
 Link Two
Link
Link Link
data data
data data

Here is how they should look:

 Link
 Link Two
Link
Link Link
data data
data data

Now, how did I do that?

Remember that you have to add the CSS style to the link itself. So, select the link by inserting your cursor in the link, then going to the status bar at the bottom of the DreamWeaver window and right-clicking on the <a> symbol.

Right-click on the <a> symbol

The following window will open up . Set the class as you normally do, by scrolling to 'Set Class' then selecting the appropriate class for the pre-formatted element in question. (In this example, we have selected the RTNAV class. To reformat the table example above, you would use the TABLETEXT class.)

Select the Appropriate CSS Class

Now the link will revert to the appropriate style. If you are unsure of which styles to use, please review the tutorial on font formatting. We have also created a PDF of the CSS classes so that you can print it out for reference.

Updated: May 17, 2007
    Site Map    Contact Info     ©UC Regents