...

View Full Version : 2 Link style problem



cheekydollar
07-12-2008, 12:32 AM
Hi all, hoping you can help me out here... I am using dreamweaver and have set up two link styles.

style for the majority of links and another for random links here and there.

When i apply the second style, it changes as expected in dreamwever however when viewed in a web browser it reverts back to the first link style. I have tried a few things but nothing seems to work!

Below is my css code - basic is used for general text on the page.
a: is foe the majority of links, and .inverse is for random links here and there.

my website is www.boyakasha.co.uk and as an example you will see at the top right of the page i have put the 'subscribe to RSS as .inverse but it reverts back to a:link

any help most appreciated!


/************Basics******************/
.basic { color: #F9F7ED}
.basic {font-family: Verdana, Arial, Helvetica, sans-serif}
.basic { font-size:12px}

/************Links******************/

a:link {color: #E2B62E; text-decoration:none}
a:visited {color: #E2B62E; text-decoration:none}
a:hover {color:#F9F7ED; text-decoration:none; font: bold}

/************Inverse Links******************/

.inverse: link {color: #F9F7ED; text-decoration:none}
.inverse: visited {color: #F9F7ED; text-decoration:none}
.inverse: hover {color:#E2B62E; text-decoration:none; font: bold}

jcdevelopment
07-12-2008, 12:41 AM
try



.inverse a {color: #F9F7ED; text-decoration:none}
.inverse a:visited {color: #F9F7ED; text-decoration:none}
.inverse a:hover {color:#E2B62E; text-decoration:none; font: bold}

cheekydollar
07-12-2008, 12:45 AM
No change :(
thanks for the suggestion though..

jcdevelopment
07-12-2008, 12:47 AM
upload an example of your html.

_Aerospace_Eng_
07-12-2008, 12:53 AM
Its likely this

/************Inverse Links******************/

a.inverse:link {color: #F9F7ED; text-decoration:none}
a.inverse:visited {color: #F9F7ED; text-decoration:none}
a.inverse:hover {color:#E2B62E; text-decoration:none; font: bold}

cheekydollar
07-12-2008, 09:51 AM
No change with a.inverse :9

here is a bit of my html


<a href="http://feeds.feedburner.com/Boyakasha" target="_blank" class="inverse">Subscribe to Boyakasha News Feed. </a><a href="http://news.bbc.co.uk/2/hi/help/3223484.stm" target="_blank">Help?</a>

jcdevelopment
07-12-2008, 03:57 PM
im not sure whats going on. It looks as if _Aerospace_Eng_ solution should work. are you sure you are uploading the style sheet?

_Aerospace_Eng_
07-12-2008, 08:44 PM
Your stylesheet doesn't reflect the changes. You still have this

/************Basics******************/
.basic { color: #F9F7ED}
.basic {font-family: Verdana, Arial, Helvetica, sans-serif}
.basic { font-size:12px}

/************Links******************/

a:link {color: #E2B62E; text-decoration:none}
a:visited {color: #E2B62E; text-decoration:none}
a:hover {color:#F9F7ED; text-decoration:none; font: bold}

/************Inverse Links******************/

.inverse: link {color: #F9F7ED; text-decoration:none}
.inverse: visited {color: #F9F7ED; text-decoration:none}
.inverse: hover {color:#E2B62E; text-decoration:none; font: bold}

Also that space between the : part is the problem.

cheekydollar
07-13-2008, 01:28 PM
hi,

Sorry i just tested everything locally. Looks like the space before the : was the problem!! thanks i would have never known that without your help!

cheers



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum