fumblies

Sorry, I didn't know where to post this. Feel free to wherever appropriate. :P

I'm currently working on a website using Dreamweaver 8. I've used the Page Properties tool to change the internal style sheet, so as to specify appearance of the hyperlinks in the visited, hover, and active states.

However, I need to have a different set of style states for the hyperlinks on the same page, but Dreamweaver does not allow me to change them. Is there a way to specify the different states of the hyperlinks using inline style sheet?

http://www.sendspace.com/file/avnbpg

If it helps at all, please find in this link, my dreamweaver-made source code and a screenshot of one of the pages on the website. I've added notes in red font to indicate the parts I want to change.

Thanks for any help!

Nathan

If I'm understanding you correctly, you need to create a new CSS class. I'm not sure exactly how to do this in Dreamweaver (haven't used it in years), but right now you're defining the default link styles for the page. If you want some links to look different, you need to define a new class (or inheritance, depending).

So what you have now, in actual code, will look something like (just an example):

a:link{ color: blue; }

This will color all of the links with a class of 'foo' to red (you can set a link's class in the Dreamweaver properites):

a.foo:link{ color: red; }

If you wanted to make, say, all of the links in your header purple, you can do that without applying a class to each:

#header a:link{ color: purple; }

Hopefully someone who's more in practice with Dreamweaver can give you more specifics on setting this up in Dreamweaver, but it sounds like maybe some reading on basic CSS principles is in order, even if you decide not to do the code yourself.

Aarlev

You could remove the span and class and give the DIV an ID instead. Just select code/design in the view menu in Dreamweaver so you can change the code manually.

So for example:

<div id="footer"></div>

and then in the CSS you go:

#footer a {color:whatever}

#footer a:hover {color:whatever}

You could also just set all the different font styles using P with different classes. For example:

In the html

<p class="footer">text</p>

In the CSS

.footer a {color: whatever}

.footer a:hover {color: whatever}

Hope that helps.

fumblies

Thanks, I'll try that!

fumblies

It worked! Thanks!!!

Aarlev

You're welcome! I'm glad you got it working. Good luck with the site!

__________________
"When was the last time you did something for the first time?"

kthomas

Umm... What is this?

__________________
"I want to learn everything" www.imattiavak.com / www.imattiavak.com/blog