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

Similar Messages

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.

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

Href link problem in portlet

Hi guys,
I created a map in a page flow and generated a portlet for the "page flow". Moreover the portlet is just one of my portlets in a portal.
When I click a href link in the map's page,I want the link page shown in the portlet.But in recent situation,the link page will appear in a independent page.Namely,the link page appear out of my portal environment.
I hope that the link page can appear in my portlet.Does anyone have some idea about it?

Thanks for your reply. In my application, I want to make a map like the codes below,but I think "netui tag library" doesn't support it.So..is there anyway to transform the <area> tag to a netui tag? And I want all these pages in a portlet,namely,I want each portlet to be a function unit.
<map name="estoremap">
<area alt="China" coords="446,123,554,206" href="/portalproj/china.jsp" shape="RECT" />
</map>
<img border="0" usemap="#estoremap" src="/portalproj/img/worldmap.gif"/>

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

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>

Link colors in Safari are off

Hi,
I have a website, www.proactiveparenting.net that I built using an online company. I use Firefox to interface with the website because it gives me more features to use then Safari does.
My problem is the color of the links on just one of the pages on my website are red/brown instead of the colors I set them to be. This only in safari, on both Mac's and PC's and as I said only on one of the pages. The rest of the website's links are the colors they are designed to be.
Here is a link to the page on the website that I'm referring to, www.proactiveparenting.net/seminarsondemand.
If any of you have any insight into this issue I would be grateful

There are multiple ways to change the color of links, but here's a straightforward way to try. In the anchor tag for each link, place a style label such as this:
{a href="link.html" style="color:#000000"} Link text {/a}
(NOTE: I used "}" in the code instead of greater/less than symbols...the forums wont display those properly)
You can also define this using page-specific styles in the "head" section of the html page, or define them in a separate cascading style sheet. From what I can tell, styles have not been defined for links in the source on that page, and since there are only a few links on the page that are red, I'd recommend editing each of them independently.
The color value above is for black, but the blue links on your other pages have the color #333366.

Beginner: Link Color

Hello, Newbie to Dreamweaver, crossing over from Go Live user
here:
I need links to be white in the footer, but blue in the table
body. I set the link CSS in page properties to white but can't
figure out how to change it on the page. It's weird because it let
me change in one place by simply changing the color to blue in the
Properties inspector -- but it won't do it in the very next
paragraph. When I preview, the link shows up blue but the hover
state is gone.
I'm taking Lynda's tutorials (very great ), but can't figure
it out yet from the Essentials CSS movie - I need to show something
to the client ASAP. Help with the code is well appreciated. Thanks!
ttt

.oO(martinedwards1248)
>You're right in thinking this is best done with CSS. Part
of the beauty of CSS
>if that you define styles in a central location
(stylesheet) and then apply
>them wherever they're needed. Then, if you want to change
that style across
>your whole site, you need only make changes in one place.
>
> There are three main CSS selectors that relate to links:
a,
>
a:hover and
a:visited.
a is a 'normal' link,
>
a:hover is a link that the user's mouse is hovered over, and
>
a:visited is a link that's been clicked previously (i.e.
that goes to a
>page in your browser's history).
Some little corrections:
There are _five_ different link states, which should be
defined in this
order: :link, :visited, :hover, :focus, :active
The correct selector for an unvisited ("normal") link would
be
a:link
If you omit the :link pseudo-class, then the selector matches
every link
regardless of its state and even named anchors, which is
usually not the
intended result. But of course such an unspecific 'a'
selector can be
used to set some common properties as in your example below.
> In the example code I've given, links are red, except
when they exist within a
><div> element with the ID of 'footer', when they'll
be gray. Links have no
>underline (overriding the default) but get underlined
when they're hovered
>over. I don't need to re-specify the lack of underline
for the links in the
>footer, because they inherit it from the styling of
normal links.
>
> You'll notice I've specified style for both
a and
a:visited in
>one go, because I want visited links to be the same color
as unvisited links.
Really bad idea for usability. Visited links should look
different than
unvisited (for example the same hue, but less saturation and
luminance).
It's also not the best idea to remove the underline. The
links might not
appear as such anymore to color-blind people.
>It's a good idea to style
a:visited because otherwise the browser's
>default color will be assumed as soon as the link's been
used, and this can
>mess up the color scheme you're trying to create.
>
> <style>
> a, a:visited {
> color: red;
> text-decoration: none;
> }
> a:hover {
> text-decoration: underline;
> }
> #footer a, a:visited {
> color: gray;
> }
> </style>
>
> <p>Normal <a href="#">links</a> will
be red</p>
> <div id="footer">
> If you put a <a href="#">link</a> in the
footer it'll be gray
> </div>
With such a setup be prepared for problems, even if it works
in this
particular case:
1) There's a :visited pseudo-class written after the :hover.
This means
that any conflicting rules between them both will only work
correctly
for unvisited links. On visited links the hover effects might
not work
anymore (e.g. set a different color for :hover and you'll see
it).
2) Using an ID selector like above can also cause you
trouble, dependent
on the used properties. Because of its specificity it will
always
override all other rules for the links in the footer - they
will always
appear as gray, regardless of their state.
3) For usability reasons it's also a good idea to define a
different
color for the :active pseudo-class, so the user will get a
visual
feedback of its click.
Micha

Href links in slideshow not working

hi,
I have created a non-flash slideshow with WOW Slider which I find to be a very good program and is jquery based.
the actual slideshow runs fine on iPad, my PC - and Android devices,
but:
the six slides have links embedded to other websites, that I have set up to run in a new window, and work fine on PC & Andoid
but on the iPad the outbound links do not work - yet an href link will work on the iPad if called from a static image.
I'm at my wits end with this, and any help would be really appreciated.
thanks,
Kevin UK
nb: the problem page is: http://www.kevbro.co.uk/slides.htm
the wow slider code is:
 
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><a href="http://www.farnworthsom.co.uk/" target="_blank"><img src="data1/images/010.jpg" alt="my latest work" title="my latest work" id="wows1_0"/></a>Driving Instructor training, help with the ADI Standards Check etc</li>
<li><a href="http://www.kevbro.co.uk/chris/index.htm" target="_blank"><img src="data1/images/007.jpg" alt="small business site" title="small business site" id="wows1_1"/></a>Hanging Baskets and Landscaping </li>
<li><a href="http://www.kevbro.co.uk/magellanfoods/index.html" target="_blank"><img src="data1/images/009.jpg" alt="local Food Company" title="local Food Company" id="wows1_2"/></a>a large site with an online ordering system</li>
<li><a href="http://www.carols-pastels.co.uk" target="_blank"><img src="data1/images/001.jpg" alt="Carol's pastels" title="Carol's pastels" id="wows1_3"/></a>the lovely artwork of my talented wife </li>
<li><a href="http://www.carols-pastels.co.uk/books/" target="_blank"><img src="data1/images/002.jpg" alt="Carol's first book" title="Carol's first book" id="wows1_4"/></a>a charming fantasy tale for children. </li>
<li><a href="http://www.kevbro.co.uk/canyon/index.htm" target="_blank"><img src="data1/images/005.jpg" alt="Grand Canyon" title="Grand Canyon" id="wows1_5"/></a>my tribute to 9 brave men in replica boats</li>
</ul>
</div>
<div class="ws_bullets"> <div>
<a href="#" title="my latest work">1</a>
<a href="#" title="small business site">2</a>
<a href="#" title="local Food Company">3</a>
<a href="#" title="Carol's pastels">4</a>
<a href="#" title="Carol's first book">5</a>
<a href="#" title="Grand Canyon">6</a>
</div>
</div>
<span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.3</span>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>


I have tried many of them Frank ...
jquery ones like Wowslider, Virtual lightbox, Juicebox, Nivo slider, and css based one's like CSS slider et al.
and believe me when I say that I have found none of them to be totally reliable across all the varied devices.
whilst what I have resorted to is quite basic, it gets the job done - particularly given my age and what I am hoping to achieve with my site.
as a kind of thank you to Michael and yourself, there are links below to two small pages I did ages ago that may give you a bit of a chuckle.
they are not mentioned on my site, and I'm not sure if they work on iPads.
http://www.kevbro.co.uk/galway/bay.htm
http://www.carols-pastels.co.uk/Nigerianphone/phone.htm
all the best,
Kevin

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

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.

Href link color problems

Similar Messages

Maybe you are looking for