n00b CSS help: Altering mailto link changes nav bar text colour?

Soldato
Joined
4 Feb 2004
Posts
13,386
Location
Fife, Scotland
I'm using DW 8. Building a site from a template, it consists of around 10 pages.

On the "Contact Us" page, I have phone and fax contact numbers and an email address which have tried making the link a "mailto:" in the property inspector. However, as soon as I do this, the black text, verdana font size 10 bold that I have the email address as, changes to white text which is not handy as its on a white background!!!.

I'm thinking this might be connected with the style sheet as the text in my Nav bar is white. However, the navbar text is "Style1" and the email link text is showing in the property inspector as "none" for style. If I change it to another style, anything apart from the same style as the white text in the nav bar, it still does the same, changes to white text on a white background.
I'm just learning about CSS so this has got me stuck now.

I tried "New CSS rule" , "In this document only" and changed the colour of the highlighted email link to black, but this changed the nav bar text to black as well, which I kinda expected.

Firstly, is there any way to fix this by editing something in the style sheet?. Can you seperate certain elements on the same page from the style sheet so they are not affected by changing font size, colour etc?.

Secondly, is there a way to add a different style sheet or something along those lines, to one particular page of a site, so the other pages obey the rules of the main style.css but one particular page follows a different set of rules?.

After I have worked out how to overcome this problem, I would like to have the email link have a different colour for hover and visited as well as change colour while you roll over it. But just now this thing where its changing all the text in my nav bar is driving me nutz!!!.

I can post details of the style sheet or any other of the page code if needed.

Thank you in advance for any help.
 
I have no idea about DW. But if you add a style attribute in your item

style="color:#0f0;font-weight:bold;background-color:#000" or whatever it will override the stylesheet.
 
Back
Top Bottom