Link color problem

I am trying to figure out how to change the color of a set of a links on my page using CSS. Here is what is going on:
The link colors are currently set using the "Page Properties" button in DW, they are orange in color. I have a group of links that are listed on the left hand side of the page. Because of the background graphic, the orange color doesn't look good. I want to change it to a lighter color, such as white. I changed the color in the CSS style for these links to white (#FFFFFF). The show up correctly in DW but not in IE. I have IE6 on the computer I am designing on and IE8 on the system the site is goig to be on. It looks like these links are inheriting the orange color and I want to stop this. Thanks!

What are the links on the left hand side of your page contained in, i.e, are they in a <div> or a table?
To control the color of specific links you have to target them.
As an example say I have a link in a <div> container (like below)
<div><a href="welcome.html">Welcome</a></div>
I would give the container <div> an 'id'. (I've chosen 'leftLinks' (see below) but you can call the 'id' what you want)
<div id="leftLinks"><a href="welcome.html">Welcome</a></div>
Now use some css to target the link/s in the <div> with the 'id' leftLinks
#leftLinks a {
color: #FC0;
The above says to color any link yellow in the <div> with the 'id' of leftLinks.

Similar Messages

Href link color problems

I have several pages, and a template. I wanted to change the
default colors for hyperlinks. So, I open my template, then click
on Page Properties on the Template, then select Links, then I
change the link colors. I then save the template and tell DW3 to
update all my pages. Here's the odd thing.
If I link to an e-mail or a test link (ex: <a
href="blank">) the link colors work as I expect.
If I link to an actual page on my site, the colors don't
work! I can change the anchor tag in the same file back and forth
from "blank" to an actual page, and the colors work, then don't
work.
What in the world am I doing wrong?

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"SteveClick" <[email protected]> wrote in
message
news:frgrdr$5cl$[email protected]..
>I have several pages, and a template. I wanted to change
the default
>colors
> for hyperlinks. So, I open my template, then click on
Page Properties on
> the
> Template, then select Links, then I change the link
colors. I then save
> the
> template and tell DW3 to update all my pages. Here's the
odd thing.
>
> If I link to an e-mail or a test link (ex: <a
href="blank">) the link
> colors
> work as I expect.
>
> If I link to an actual page on my site, the colors don't
work! I can
> change
> the anchor tag in the same file back and forth from
"blank" to an actual
> page,
> and the colors work, then don't work.
>
> What in the world am I doing wrong?
>

Link Color Problem in Internet Explorer

I am completely new to Dreamweaver and I only know how to
make a very basic page using the design view. I have added some
images to my site that are links, and they should have black
borders both before and after being visited. However, these links
only have black borders in Safari. In IE and Firefox the borders
are blue, and then green or purple once visited. I would like them
to be black all the time. How can I fix this? Is there a way to do
it using only the design view?

Hello,
Add this CSS right before your </head> tag so it looks
like this:
<style type="text/css">

</style>
</head>
If you want the border to change color on hover:
<style type="text/css">

</style>
</head>
The a:hover {background:transparent;} fixes a bug in IE5/6
where you can't hover over an image link without first declaring a
hover rule for that link (go figure!) It was fixed in IE7, but many
still use IE6.
Take care,
Tim

Problems with link colors

I am currently using DW8 and I have been using Dreamweaver
since DW2 . I am working on a site for an artist, where the
thumbnails will be links to the pictures. (Right now I only have it
set up fot the client to see if the colors of the paintings are
approximately correct.)
Because the background is dark, I set my link colors to a
bright gold, which is what shows up in the Dreamweaver design view.
But when I view it in my browser, the links are the default blue
and purple, which does not look right on the page.
I deleted the link to the style sheet, set the page
properties to the gold color links, but they still show up blue in
the browser. I have gone through the code... the links are set for
golds....but they still show up the default colors.
I am ready to tear my hair, the client is unhappy, and I do
NOT know what to do.
Any help out there??

Have you cleared the browser cache?
Do you have the links in this order:
(LoVeHA ) Link, Visited, Hover Active
If it's not that, then post a link to your page - it has to
be in your code
of in your css
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"cwsculptor" <[email protected]> wrote in
message
news:f1mf98$6ln$[email protected]..
>I am currently using DW8 and I have been using
Dreamweaver since DW2 . I am
> working on a site for an artist, where the thumbnails
will be links to the
> pictures. (Right now I only have it set up fot the
client to see if the
> colors
> of the paintings are approximately correct.)
> Because the background is dark, I set my link colors to
a bright gold,
> which
> is what shows up in the Dreamweaver design view. But
when I view it in my
> browser, the links are the default blue and purple,
which does not look
> right
> on the page.
> I deleted the link to the style sheet, set the page
properties to the gold
> color links, but they still show up blue in the browser.
I have gone
> through
> the code... the links are set for golds....but they
still show up the
> default
> colors.
> I am ready to tear my hair, the client is unhappy, and I
do NOT know what
> to
> do.
> Any help out there??
>

Problem setting link color!

Can someone tell me how to correctly override browser
preferences for link color and visited color by using style sheets?
I can't seem to make it stick.
Thanks!

In its most simple scenario and covering all links in a
document:
a:link {color: green;}
a:visited: {color: gray;}
a:hover: {color: blue;}
a:focus {color: blue;}
a:active {color: blue;}
If you want a more advanced read, this tutorial might be
helpful:
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"robertgravesly" <[email protected]> wrote
in message
news:f840kj$gjg$[email protected]..
> Can someone tell me how to correctly override browser
preferences for link
> color and visited color by using style sheets? I can't
seem to make it
> stick.
>
> Thanks!

Spry Menu Bar link colors not consistent

I have a horizontal Spry menu bar set up with 4 items in it.
The first item is the Home link and does not have a submenu, but
the other 3 items do. What I want is when you roll over the main 4
items the text link color will be purple (#583399). When an item
has a submenu the rollover text link on the submenu links will be
green (#89b11a).
My current code almost works, but the problem I am having is
that the Home link
without the submenu changes to a green color instead of
purple like the other 3 main links. If I add a test submenu to the
Home link then it turns purple like the other links. How can I get
the Home link to change to purple like the others without having a
submenu attached to it?
Here is my html code that refers to the menu:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html"
class="MenuBarItemSubmenu">HOME</a></li>
<li><a href="about.html"
class="MenuBarItemSubmenu">ABOUT</a>
<ul>
<li><a
href="services.html">services</a></li>
<li><a
href="bios.html">bios</a></li>
<li><a
href="news.html">news</a></li>
</ul>
</li>
<li><a href="work.html" class="MenuBarItemSubmenu"
>WORK</a>
<ul>
<li><a href="design.html">design</a>
</li>
<li><a
href="advertising.html">advertising</a></li>
<li><a href="casestudies.html">case
studies</a></li>
</ul>
</li>
<li><a href="contact.html"
class="MenuBarItemSubmenu">CONTACT</a>
<ul>
<li><a href="#">.</a></li>
<li><a
href="location.html">location</a></li>
<li><a
href="opportunities.html">opportunities</a></li>
</ul>
</li>
</ul>
Here is the Spry CSS code that pertains to the links:
/* Menu items are a light gray text with padding and no text
decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* Menu items that have mouse over or focus have green text
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #89b11a;
/* Menu items that are open with submenus are set to
MenuBarItemHover with purple text */
ul.MenuBarHorizontal a.MenuBarItemHover,
color: #583399;
/* Menu items that are open with submenus are set to
MenuBarItemHover with purple text */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #583399;
And
here
is a link to my test file so you can see what I am talking
about.
Thanks for any help and let me know if you need anything else
to help with it.

Anyone??

Macbook display color problems

macbook, mac os 10.5.8 updated, display color problem. when i try to fix it by color sync. it says:
/Library/Application Support/Adobe/Color/Profiles/DCDM_X'Y'Z'.icc
Tag 'A2B1': Requiredtag is not present.
Tag 'B2A1': Requiredtag is not present.
Tag 'A2B2': Requiredtag is not present.
Tag 'B2A2': Requiredtag is not present.
Tag 'gamt': Requiredtag is not present.
The file is locked. could not be fixed.
/Library/Application Support/Adobe/Color/Profiles/DCI_P3.icc
Tag 'A2B1': Requiredtag is not present.
Tag 'B2A1': Requiredtag is not present.
Tag 'A2B2': Requiredtag is not present.
Tag 'B2A2': Requiredtag is not present.
Tag 'gamt': Requiredtag is not present.
The file is locked. could not be fixed.
Repair done - 0 out of 2 profiles fixed.
Kindly assist what to do.

Welcome to Apple Discussions!
Pictures would help. A good way to do this is to post them to a free photo sharing site like Flickr and then post a link.
Also, you are in the original MBP section, and I think you need to post your question in the newer MBP section:
http://discussions.apple.com/forum.jspa?forumID=1294
Good luck!

Lightroom 4 color problem

I imported tiff images into Lightroom 4 that were scanned by DigMyPics.com. The color of the images look good on the Windows 7 photo viewer. It looks horrible in Lightroom 4. My monitor is callibrated, the import develope setting is set to "none" , the box is unchecked "apply auto tone adjustments". I think that the windows viewer is showing the accurate color of the scan and LR is not. I don't think DigMyPics would send this awful color. What could the issue be?

monitor NEC 2690 wuxi
eye-one display 2
Original message
From: twenty_one
To: [email protected]
Received: 2/10/2013 12:30:42 PM
Subject: lightroom 4 color problem
Re: lightroom 4 color problem
created by twenty_one in Photoshop Lightroom - View the full discussion
Yes, that certainly looks like a problem with the Lightroom rendering. Skin tones and red in general is clearly off, while Windows Photo Viewer looks good.
I'm almost certain this is a problem with the monitor profile. As troubleshooting, try to set sRGB as monitor profile (or Adobe RGB if your monitor is wide gamut), and see if the difference persists. But try to recalibrate first.
What calibrator and what monitor?
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5062403#5062403
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5062403#5062403
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5062403#5062403. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Photoshop Lightroom by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

[Locked] Link colors work in Firefox but not Internet Explorer

http://zenfotoz.com
I have changed the link colors by setting a CSS class to a non default color a:link to the div containing thumbnails. The site behaves as designed in Firefox, but uses default colors in Internet Explorer and no colors in Safari for windows.
Is this a known bug/issue with a workaround or am I just doing this incorrectly?
Thanks,
Erik

You have replied to a message that's more than a year old. If you're having problems with your links, post a URL to your site, and someone can have a look to see what the problem is.
[Thread locked because of duplicate post.]

Link color won't use 'default'

Hi,
I've used a DW template and built my pages from there.   Several links on all pages in different colors.   When designing, the proper color chosen, does show. When I go to Page Properties to make the link categories (rollover, viewed, etc.) the default color, they are turning blueish purple depending on the browser.
Isn't 'default' supposed to keep the programmed color?
I want to keep the link colors I programmed, with only a rollover link showing.   What am I doing wrong?
Thanks so much!
Michelle

michelledv wrote:
Sorry to bother you again Osgood.   I think I'm putting the info you shared, in the wrong spot. Can you tell me exactly where I add the code? I have mixed this around about 6 times since your reply!
Thanks!
It's difficult to help if you don't provide a link to the problem page.
Basically you can sryle any link on the page you want by simply adding some css to your page either in a linked css stylesheet or if you are not using a linked css stylesheet you can embed the css in the head section of the page.
An embebbed style sheet is as below: You insert the code from <style.............to..........</style> in your pages code directly before the closing </head> tag (see below).
<style type="text/css">
#content a {
color: #3C9;
#content a:hover {
color: #F90;
</style>
</head>
The above css says: Make a link this color (#3C9) in a container with the 'id' of 'content' and make the hover this color (#F90).
Typically your html code would look like:
<div id="content">
<a href="about_us.html">About Us</a>
<a href="contact.html">Contact</a>
</div>

Change visited link color in Safari 5.1.3

Visited link colors in Safari, most notably visited Google links when I return to the search page, don't change colors as they used to do... Actually, I think it's been that way for a long time (years) now but I am just now coming back around to being interested in why and if there is a way to get back to the days where new links were BLUE and visited links were GREEN (or whatever color you wanted)...
Is this still possible with the new Safari and if so, how do you go about setting this visted link color preference???
thanks... bob...

This appears to be an issue affecting most versions of Safari from about version 5 onwards.
I recently experienced it with Safari version 5.0.6 and eventually found a fix adequate for my purposes.
1 - Sometimes simply selecting 'Private Browsing' (on Safari menu) and then deselecting it cures the problem.
2 - If that does not work I use the following Terminal command which has, so far, worked every time:
defaults write com.apple.Safari RegisteredSafariSyncClient -bool false
I must point out that I do not intend to use any sync services but it appears that if Safari gets confused it is necessary to use this command to reset its sync services.
3 - If you don't like using the Terminal command you could trash the following preference file although this more brutal approach is more likely to lose data:
~/Library/Preferences/com.apple.Safari.plist
Quit from Safari before attempting 2 or 3.
I have only tested the Terminal command on Safari 5.0.6 on a Leopard G4 without any user defined sync services but it will probably work on other versions and OSs. It is always safest to backup first.

Link Colors are always overridden

Firefox 11.0 on XP SP3
In "Options, Content, colors" even if the checkbox "allow pages to choose their own colors" is selected, the firefox link colors are still used. Occurs in all the sites I have looked at.
Turning scripting on/off makes no difference.
Firefox 3.x does not have this problem on the same machine.

It's possible that the dialog is displaying the actual setting incorrectly. If you switch one or both checkboxes (page colors, system colors), OK that, then return to the dialog and switch it again, does that have any effect?
A standard diagnostic step is to try Firefox's Safe Mode to see whether it is caused by a custom setting or add-on.
First, I recommend backing up your Firefox settings in case something goes wrong. See [https://support.mozilla.com/en-US/kb/Backing+up+your+information Backing up your information]. (You can copy your entire Firefox profile folder somewhere outside of the Mozilla folder.)
Next, restart Firefox in [http://support.mozilla.com/kb/Safe+Mode Safe Mode] using
Help > Restart with Add-ons Disabled
In the Safe Mode dialog, do not check any boxes, just click "Continue in Safe Mode."
If links are colored correctly, this points to an add-on or custom setting in your main Firefox 11 profile as the problem.

Link colors and formats not WYSIWYG

I'm having trouble with Link colors. I have the Link Format set to a certain colors but what I see after I publish my site is a crap shoot. Sometimes the change takes sometimes it doesn't, and often what I see in Safari 4/5 or Firefox is not the same as I have set in iWeb. And yes I force a page refresh by clearing the cache and reloading the pages every time.
Any help would be greatly appreciated. So far I like how WYSIWYG iWeb is but this one problem has plagued me for some time now.
John

When you set the color use the Web Safe color pallet from the color pane:
Click to view full size
OT

- Giving a class its own "A" link color...

.title, .title a:link, .subtitle, subtitle a:link {
color: #FFFFFF;
Wouldn't this give the color white to all links located
within a paragraph
that had TITLE or SUBTITLE assigned to it, even if nothing
was assigned to
the A tag itself?
Links within the cell are still getting the default link
color... despite
the cell having class="title"
Where did I go wrong in my syntax?

"Reese" <[email protected]> wrote in message
news:es81kg$svh$[email protected]..
> .title, .title a:link, .subtitle, subtitle a:link {
> color: #FFFFFF;
> }
>
> Wouldn't this give the color white to all links located
within a
> paragraph that had TITLE or SUBTITLE assigned to it,
even if nothing
> was assigned to the A tag itself?
>
> Links within the cell are still getting the default link
color...
> despite the cell having class="title"
A couple of potential problems:
1. If you set a:link, without a visited class, then if that
link was
visited, it will be purple
Test by changing your rule to this:
.title, .title a:link, .title a:visited,
.subtitle, subtitle a:link, subtitle a:visited {
color: #FFFFFF;
2. You have a conflicting style. Look for any other <a>
selectors in
your page styles.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Visited Links - Override all link colors

Hi,
I'm using RH8 in WebHelp and IE. I read all the former postings regarding people having the same problem and some mentioned a fix in a .css but the .css wasn't available with the posting of March 25, 2008.
My visited link color seems to override all other link colors. Originally I had the link colors in a style sheet and changed the colors in the .css. That didn't work and all colors still were the visited link color. I deleted the link colors from this .css and added the link colors via the RoboHelp Edit Styles. Either way doesn't seem to work and all link colors are my visited color. I've tried clearing my cache several times and this doesn't work, neither does deleting the history.
Can anyone shed some light on this? Thanks very much for any help you can provide.

Hi Leon,
Here is all the code with "a" type styles in the .css. Again, I also have the links also in the mini-TOC but didn't see a way via the Format Placeholder to change
this. Currently, most of my links are showing up as the "visited" color -- grey. I'm going to revisit this link issue again very soon but have to get a ton of content in now. I really appreciate your efforts.
Thanks,
Sue
A.expandspot {
cursor: hand;
font-style: italic;
font-size: 10pt;
font-family: Verdana;
color: #800000;
text-decoration: none;
SPAN.expandtext {
font-style: italic;
font-weight: normal;
color: #ff0000;
font-family: Verdana;
font-size: 8pt;
A.dropspot {
cursor: hand;
color: #008000;
font-style: italic;
font-size: 10pt;
text-decoration: none;
A.glossterm {
cursor: hand;
font-size: 10pt;
font-family: Verdana;
font-style: italic;
color: #0000ff;
text-decoration: none;
SPAN.glosstext {
font-style: italic;
font-weight: normal;
color: #0000ff;
font-family: Verdana;
font-size: 10pt;
OL,
UL {
margin-top: 0px;
margin-bottom: 0px;
p.breadcrumbs {
font-size: 8pt;
x-on-hover: fontchange(bold=on);
x-next-class: breadcrumbs;
x-next-type: p;
A.breadcrumbs {
font-size: 10pt;
A:link {
font-size: 10pt;
font-family: Verdana;
color: #0000ff;
text-decoration: underline;
A:visited {
font-size: 10pt;
font-family: Verdana;
color: #808080;
text-decoration: underline;
A:hover {
font-size: 10pt;
font-family: Verdana;
color: #0000ff;
A:active {
font-size: 10pt;
font-family: Verdana;
color: #0000ff;
text-decoration: underline;
A.popupspot {
font-size: 10pt;
font-family: Verdana;

Link color problem

Similar Messages

Maybe you are looking for