14 replies [Last post]
jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

Hi guys im setting up a website and really have no idea about coding CSS.

Iam using dreamweaver and cannot get my simple text links hover and visited colours to work properly.

Anyone got any ideas? i have been trying to get this to work for a month now with no luck. Im sure it is a simple problem to fix but i cant seem to get anyone to help me with it.

my website is live here:

http://www.jstargrafx.com.au/welcome/welcome.html

I would like the text links across the top to change colours when hovered and when visited change to a different colour, but when hovering over the visited link to still hover as it would without being visited.

any help will be most appreciated,

cheers guys!

james

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The order needs to be link,

The order needs to be link, visited, hover, active. You've got that part right, but then you've added another :active at the end - take it out.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

thanks for the swift reply

I couldnt see another active - remember im using dreamweaver to build and edit the CSS, i looked for it in the code but couldnt work it out either.

is it possible for you to save the page edit the code and send it to me?

or if you could explain what to do in dreamweaver i should be able to follow your instructions.

thanks for the help,

james

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Sorry, I don't use DW so

Sorry, I don't use DW so can't explain to you what you need to do. I don't know in which file DW's placed your CSS, but it's not that large a stylesheet, so it should be easy to spot what's wrong. But in case it's not, this is what you should have:

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

missing edited code?

where is the code you edited?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I've edited your code above

I've edited your code above to be what it should be. Please the forum's code button for posting code next time (third from the right).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Did you delete your post?

Did you delete your post?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

sorry

yeah i went back n edited over it with the

sorry i deleted it.

any chance of a repost? and i promise i will leave you alone after this. and again i really appreciate your help,

james

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

<!DOCTYPE html PUBLIC

Jstar Graphics - Logo design, invitations, brochures, menus

 

 

 









[ welcome ]

[ statement ]

[ services]

[ quote ]

[ portfolio ]

[ contact us ]

 








 



Welcome to the J-Star Grafx website.

We combine our creative and technical expertise to provide a customised solution for the client.


We work across a wide range of disciplines, focusing mainly on design and video, always working in close collaboration with our clients through all stages of the creative process. We are dedicated to helping clients meet successful solutions; as a result most of our clients use our services for all their design needs.


We will help you to increase customer retention, reinforce brand loyalty, increase top-line performance and boost profitability.




 




© j-star grafx | ABN 70 818 225 074



 



 


 


 


How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

thanks for the code

but it still aint working. now the links dont change colour at all not for a hover or a visited.

thanks for your help anyway. Do you know anywhere i could pay to get this done?

shouldnt think it would cost too much...

thanks again,

james

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The code I posted works fine

The code I posted works fine for me in FF & IE. If it's not working for you, you need to be more specific about why not. You also should upload the changes you've made so that we can see whether they've been implemented correctly or not.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

ok ill upload it in a min..

cheers tyssen!

jpetrou
Offline
Regular
Last seen: 14 years 2 weeks ago
Joined: 2005-10-21
Posts: 11
Points: 0

i uploaded the file.... still not workin

here is the link:

i cannot fingure it out!

http://www.jstargrafx.com.au/welcome/welcome.html

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

jpetrou wrote:still not

jpetrou wrote:
still not workin

You keep saying that, but don't explain why. Please detail exactly what you want to happen including which states are s'posed to be which colours and in which browsers the problem occurs.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Thionzr
Offline
newbie
Last seen: 14 years 2 weeks ago
Timezone: GMT-6
Joined: 2006-10-11
Posts: 1
Points: 0

Iam using dreamweaver and

Iam using dreamweaver and cannot get my simple text links hover and visited colours to work properly. http://www.jstargrafx.com.au/welcome/welcome.html

I would like the text links across the top to change colours when hovered and when visited change to a different colour, but when hovering over the visited link to still hover as it would without being visited.

Are you saying that you want to define a color for links (example: black), when the mouse hovers over it it should become a different color(example: red), and when visited it should be another color(example: blue), but when the mouse hovers over it, the link should still be the hover color(example: red)? So visited or not you want the hover color to be different from the other colors?

If that is your problem, then it's a matter of color settings. Your source code
a:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #B0B6A8;text-decoration: none;}
a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #7B85A7;text-decoration: none;}
a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #7B85A7;text-decoration: none;}
a:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration: none;}
has a:visited {color: #7B85A7;}
a:hover {color: #7B85A7;}

As you can see, the color setting is identical. So when the mouse hovers over the link, it changes the link to the same color as if it were visisted. No different between the color, so it looks like the link color isn't changing when it's hovered over.

As a side note, you shouldn't have {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;} in each of the anchor (that's what <a> means) definitions. Just add a {font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-decoration: none;} and ALL links will have the same font, size, and be without an underline. I recommend stating a single font style for p (paragraph) instead and just putting the majority of your text in paragraphs, unless of course they're titles/headers/special, which normally wouldn't go in <p> anyway.