|
||||||||||||||||||||||||||||||||||||||||||||||||
|
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:
Here is how they should look:
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.
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.)
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. |
|||||||||||||||||||||||||||||||||||||||||||||||
|
|