Setting link colors

The link colors I set using the Inspector appear as I want them in iWeb, but aren't being changed on published web pages. I read in this forum:
... The thing with hyperlink colors is to make sure that the "Normal" and "Visited" colors and U settings are the same for each link ...
BUT surely it must be possible (and is certainly desirable) to have different 'Normal' and 'Visited' colors?
How can I do this, and make my chosen colors appear on published pages?
Thanks

Welcome to the Apple Discussions. You can have any combination of normal and visited colors for each text based hyperlink on your page. You are referring to text based hyperlinks, right?
What's the URL of your site so we can examine it first hand?
OT

Similar Messages

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!

Link Color not changing for Visited Pages - How do I set the Color?

In earlier versions of Safari, the user could select the color used to display links that have already been visited. I can't find that option in Preferences anymore. Some visited links do show a different color, some don't. Is it just random? How do I set the color in Safari 4.0.4 and activate the behavior?

HI,
I think you change visited pages link colors using Google preferences.
http://www.googleguide.com/preferences.html
Carolyn

Link color showed up as purple when I deliberately set it to gray

Hi there,
I have a text, and I set it as a link to another page. I also
set the link color to be gray, and have it turn black during hover.
Why is the text color PURPLE in the preview???????
The color is correct (gray) in dreamweaver, but when I
preview it, it's purple... I don't get it....
Please advice, thank you!
cgbub

But we'd need to see the page to be sure....
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
==================
"Ken Binney" <[email protected]> wrote
in message
news:fv56c7$58b$[email protected]..
> Sounds like you have not set a "visited link: rule and
are getting the
> default purple
>
> "cgbub" <[email protected]> wrote in
message
> news:fv55up$4o8$[email protected]..
>> Hi there,
>>
>> I have a text, and I set it as a link to another
page. I also set the
>> link
>> color to be gray, and have it turn black during
hover. Why is the text
>> color
>> PURPLE in the preview???????
>>
>> The color is correct (gray) in dreamweaver, but when
I preview it, it's
>> purple... I don't get it....
>>
>> Please advice, thank you!
>>
>> cgbub
>>
>
>

Zzxc: When I set Custom color for links, The search button becomes white(blank). If I click on the area where it should be it works

I changed my visited link colors to red-visited,green-not visited.but now have lost the search button in Amazon.The button is not showing up,But does work if I click on the area where it used to be.

Did you hide background images?
See http://kb.mozillazine.org/Website_colors_are_wrong
Tools > Options > Content : Fonts & Colors: Colors > [[X]"Allow pages to choose their own colors, instead of my selections above"

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??

How to set the color to the particular row in a report

Hi
I have a report in which I have an edit link(I changed the id as edit link)..When I click that link, all the details(the whole row details) will be appearing on the items nearer to the report to save the changes....
I want to set the color for the particular row when a link is clicked and the color should not be changed until I save the changes in items...After saving the changes, the report should come in the normal color...this is my requirement..i refered many forums regarding this...But could not find solution....If anyone knows,please help me...
Fazila

Here is how I would implement
Create renderer
Add SkinnableContainer element and create a skin for this container namely SkinnableContainerSkin
find the fill section in the skin
add bitmap fill to the fill section and give the source of the image which you are planning to use(Hopefully this is a direct way of doing, may be you need to hack this a little to get it to work)
I've never tried this, but should help you give some idea.

[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.]

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.

Change text "link" color only in Spry Tab content area

I need to have multiple text link colors in my site for light
and dark background colors. The only regions in my site that have a
white background are in the Spry Tab Panel content area. I can't
figure out how to change the text color for text links in the spry
content only. I tried to add a:link ..etc... to the style sheet,
but it did not effect anything
(I also need to clean my style sheet (s). But that comes
next.
Here
is a Link to a Sample Page in my site
null

Here is the SpryTabbedPanels style sheet in my site. I can't
seem to figure out the changes I need to make to effect the content
area.
I tried to add the following (see .TabbedPanelsContentGroup
below)
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
float: right;
clear: none;
width: 82%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
background-color: #CCCC99;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #99CC33;
color: #000000;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #FFFFFF;
border-bottom: 1px solid #EEE;
color: #000000;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #FFFFFF;
color: #000000;
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
/* This is the selector for the Content panel. The Content
panel holds the
* content for a single tabbed panel. For our default style,
this container
* provides some padding, so that the content is not pushed
up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this
selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the Content container.
.TabbedPanelsContent {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #CCCC99;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #CCCC99;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;

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

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??
>

Link color with iWeb '08 (2.01)

So far I have found iWeb '08 (2.01) to work fine, except that the link colors are inconsistent. Even though all of the links are set to have a color (to indicate that they are a link), sometimes they do and sometimes they don't. The behavior seems to vary among browsers, and can sometimes change their mind after refreshing the cache. However, even on the same page, they are never all blue (or whatever other color I set for it) at the same time.
The site is www.TecnoTur.us and (as of August 27, 2007) I haven't yet activated the subscription link. There are several other links on the home page that work, although most don't show any link color before hovering over them with the cursor.

When I open your first page the links are all blue and turn red when the cursor hovers over them.
The interesting thing is, if I stop your audio file from playing, the links are still blue but don't turn red for hovering. It might worth trying to upload the page with "autoplay" for the audio file turned off and see if this makes a difference.
As you say, the page has to be refreshed for red "hovering" color to come back.

- 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"

Setting link colors

Similar Messages

Maybe you are looking for