web site course - css link behaviour

Public Schedule Face-to-Face & Online Instructor-Led Training - View dates & book

TrustPilot

starstarstarstarstar Excellent

  • Home
  • Courses
  • Promotions
  • Schedule
  • Formats
  • Our Clients

Forum home » Delegate support and help forum » Dreamweaver Training and help » web site course - CSS - Link Behaviour

web site course - CSS - Link Behaviour

resolvedResolved · Low Priority · Version Standard

Duncan has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

CSS - Link Behaviour

Hi

I'm using CSS to style my pages, successfully so far with regards to fonts and background etc. However I can't find an option for the link styles. In page properties you can define hover colour, visted colour, underlined or not etc, but in css these options appear to be absent. Am I missing something here? At the moment I am having to change all the link appearances page by page.

Also if I'm setting up a framed page with a top and nested right frame how do i make the link (selected from a table in the left frame) appear in the CENTRE of the main frame?

I can make it appear but it is on the left of the frame, is there a way i can choose it's position?

sorry to keep on bothering you!

Thanks

Duncan :)

RE: CSS - Link Behaviour

Hi Duncan,

I posted the answer to your Frames question here.

To adjust the hover, visited and active colours in CSS, you need to use what's called Selector Class. This is covered in our Dreamweaver Intermediate course.

To do this, you start with the tag itself (A), put a colon, and then the selector type. Then add parameters as normal. For example:

a:hover {
color: red;
weight: bold;
}

a:visited {
color: grey;
}

The above will make all links hover colour red and bold. Visited links will be grey. You may need to refresh your browser if you make changes to your CSS file to flush out your browser's cache of your CSS file.

If you use the dialogue boxes to set up CSS, go to 'new css style', type 'CSS Selector', then from the drop-down box choose your selector type, then press OK to bring up the style dialogue box and adjust your styles.

The page properties setting for these colours is the 'old way'. Once you've set up the CSS correctly, I would remove the colours from the page properties settings (or delete the parameters from the BODY tag, as this is where the settings are stored).

Hope this helps, let me know how you get on.

Regards, Rich


 

Dreamweaver tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver hints and tips


Server loaded in 0.09 secs.