Styles for text links in Dreamweaver

This entry is part 13 of 20 in the series Dreamweaver CS5 Tutorial

Now let us link the footer menu items. Once we link them we will also need to define a style for the linked text otherwise they the links will turn blue.

To link the footer menu items:

  • First select ‘Home’ in the footer area
  • Click the folder icon next to the link field in the Properties panel, and select index.html.
  • You will notice that the Home link and turns blue

We need to create a style for the linked text in the footer div. To do this:

  • Click on the ‘New Style Rule’ icon at the bottom of the CSS Styles panel.
  • In the New CSS Rule Window select ‘Compound’ under ‘Selector Type’
  • Enter “#footer a” under Selector Name
  • Click the OK button
  • Enter the following style details:
  • You will notice that the Home link looks as it did before it was linked. Link the remaining 3 menu items to the respective html pages.
  • The footer menu is ready. Save the template and update all pages.


Dreamweaver CS5 Tutorial

  1. Dreamweaver Cs5 Tutorial
  2. Define Site
  3. Dreamweaver CS5 Template
  4. Dreamweaver Website Layout
  5. CSS Layout – Dreaweaver CS5
  6. Dreamweaver CS5 Website Header
  7. Dreamweaver DIV/ CSS Layout
  8. Dreamweaver Menu
  9. Editing Styles in Dreamweaver
  10. Editable Regions in Dreamweaver Template
  11. Webpages in Dreamweaver
  12. Linking to webpages in Dreamweaver
  13. Styles for text links in Dreamweaver
  14. Web Page Content
  15. Text Styles in Dreamweaver
  16. Heading Styles | Dreamweaver
  17. Contact Forms | Dreamweaver
  18. Form Styles | Dreamweaver
  19. Test Website | Dreamweaver
  20. FTP/ Upload Files to Hosting Server | Dreamweaver
Series Navigation Linking to webpages in DreamweaverWeb Page Content

Posted in Dreamweaver | No Comments »