Rollover Color Doesn't Cover Link Text Completely

Hello,
I created a rollover color for a link on my website. However, when I rollover it the color doesn't fully change. The initial color is white and the rollover color is #222 (or almost black). When rolling over, some of the edges of the words don't fully change color. I have attached a picture for better reference.
Thanks so much!

I'm not seeing what you describe ANYWHERE on the site. All the rollover links work with no discrepancies that I can see. I checked with Firefox 22 and Safari 6 on Mac OS X as well as IE 10 Win8, and IE 9 Win7.
Could be a hardware issue on your system that's not rendering the effect. I had an old e-machine that would turn double borders into a big fat single border because the onboard video couldn't render it properly.

Similar Messages

Some of my links rollover color doesn't trigger?

Using DW MX 2004. This page has links that only some of change to yellow upon rollover. Not sure what I did wrong but hope and easy "global" fix?
Thanks for any help!

There is a whole bunch of style overkill on that page. All you need are the a: styles, you can remove the .style ones from the stylesheet. Also, your styles are commented out - remove the comments . You will also need to remove the style classes from each of your links.
Eg: ideally, this -
<td class="style34"><a href="classmates.htm#JimmyAhlf" target="_blank"><span class="style31 style34">James</span></a></td>
should become
<td><a href="classmates.htm#JimmyAhlf" target="_blank">James</a></td>
A better way instead of tables would be to use an unordered list
<ul>
<li><a href="#">Name</a></li>
</ul>
From a design point of view, text in red going to yellow is an accessibility no-no. Try it going to a darker red or blue. Yellow on the web in generally avoided.

My iWeb links don't reflect the correct 'rollover' color once published.

On one of my sites (I have several 'practice' ones that I use before publishing the real one), the hyperlinks don't show the formatted 'rollover' color or underline as I set them in the Inspector. The setting is exactly the same as my other pages, but on this site the rollover works fine in the editing phase, but upon publishing the pages, the links work, but the color doesn't change nor does the underline appear. Any ideas?

Recheck the formatting by selecting only a part of the hyperlink instead of the whole word. I had that problem once and it took me a while to figure out that my formating while applied to the whole link I had somehow not selected the whole text. I know this does not seem to make sense but try to select it differently and look at your formating window to see if it makes a difference.
Mireille

Linked text color

Can I make a link to the text in accordion panel tab?
If I can, how can I change the linked text color?
I needed to know this desperately.
Can any one please teach me?
Thanking you in advance.
pepe12345

I have just worked out the answer myself.
I did not have to touch SpryAccordion.css at all.
I just simply add link ( a and a:hover) text color in the div
css.
Thank you very much.

How to change the links text color?

could any one tell me if it's possible to change the link text's color? instead we stuck with the defaut theme asigned color.

Ok Looking to do this manually I don't see all that you suggest I need to see.
.Body {
color: #181c01;
font-family: 'Palatino-Roman', 'Palatino', 'serif';
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
line-height: 19px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-transform: none;
.Header {
color: #6a6f75;
font-family: 'Palatino-Bold', 'Palatino', 'serif';
font-size: 29px;
font-style: normal;
font-variant: normal;
font-weight: bold;
letter-spacing: 0.16em;
line-height: 38px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
text-decoration: none; NOTE THIS
text-indent: 0px;
text-transform: uppercase;
.Normal {
padding: 4px;
.graphicgeneric_body_textbox_styledefault {
background: transparent;
float: none;
margin: 0px;
opacity: 1.00;
.graphicgeneric_header_textbox_styledefault {
background: transparent;
float: none;
margin: 0px;
opacity: 1.00;
.graphictextbox_layout_styledefault {
padding: 4px;
.graphictextbox_styledefault {
background: transparent;
float: none;
margin: 0px;
opacity: 1.00;
div {
overflow: visible;
img {
border: none;
.InlineBlock {display: inline; }
.InlineBlock {display: inline-block; }
.tinyText {
font-size: 1px;
This is the welcome page css file, not the index file.
On my page I have white background, black text, when the arrow points to the link text it turns light brown, I am not so concerned about anything except the link text standing out in a differnt color, initially.
I am leaning quite abit.
So what do I do now
Thanks
Moncrief

Remove color from link text

How do I remove the color from text that is a link to another page?
Here is my script:
a:link {
    text-decoration: none;
a:visited {
    text-decoration: none;
a:hover {
    text-decoration: underline;
a:active {
    text-decoration: none;
But, it still looks like this:

If you want to change the colors of the links, you need to change them in your css:
a:link {
text-decoration: none;
color: #ffffff /* this makes it white on any link */
a:visited {
text-decoration: none;
color: #ffffff /* this is also white for any visited link */
a:hover {
text-decoration: underline;
color: #ffffff /*this link is white, but when you hover over it, the underline shows up */
a:active {
text-decoration: none;
color: #fffff /*another white link that is the active link */
I thnk that is what you are trying to do as you stated you wanted the links to change. If you don't do that the links will be the default colors
Blue for link, purple for the visited, etc.
Jim
Added later: This will change all your links on the page using the css. You can do it like fixated247 said above if that's what you want, if you only want it to change in the menu (which I cannot see, it's not there on the above linked page) you need to select the div or class that is using it.
/*if the link is in the menubar div then make a different selector for each of the link, visited, hover and active, in that order */
#menubar a:link     {
text-decoration:none;
color:#ffffff;
etc. I hope you understand what I am trying to say.
Jim

Having trouble with cutomizing hyperlink rollover color, visited, etc...

i can create a hyperlink, then when i go to "format" i see i have options to change the rollover color (visited, etc.) but when i try to change anything, nothing works... it's all greyed out... any thoughts...?

The formatting only work if you're selecting text as your hyperlink. If you've selected something else the formatting will be grayed out. So make sure you've selected text before going to the Link pane.
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. Just put the application in the Dock and click on it whenever you want to backup the dB file. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There's now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

Styling the TabBar rollover color *without* skin

Hello all,
I'm styling the flex TabBar using Adobe flex explorer, and
facing a very annoying problem while trying to set the rollOver
color of the tabs.
At first place I thought I could set the rollover color using
the tabStyleName's fillColors style, but this style can only get 2
colors that determines the default bg color, unlike the ButtonBar,
whose fillColors can get 4 colors where the last 2 determines the
rollover colors.
Since TabBar extends ButtonBar, I thought that instead of
using the .tabStyleName I could use the buttonStyleName , in which
I can define rollover colors with the fillColors style which
receives 4 colors, where the last two, determines the rollover
color, as the buttonStyleName has no effect on the tabs.
This is a link to a demo project that illustrates the
problem:
http://files-upload.com/files/616415/TabsRolloverColor.rar
I will be very glad to get some ideas to get around this.
Thanks a lot,
Almog.

You can include the email parameters. As far as having the link behave like a link and change colors, that cannot be done with a static textfield as far as I know. By its nature static text doesn't change.

Cant see the page links text in my main & side navigation bars

Hi
I published my site to Mme yesterday and I have noticed a few problems have come up. The main problem is my main and side navigation bars. In the top nav bar you cant see all the page links text, they should show up in white. I can only see them when you roll over the page name (this is in grey) and that is the rollover colour. Not sure what to do to get the text colour to stay white all the time so it is always seen once it's been clicked. It just disappears, but is still there if you roll over it
My side nav bar, the text should also all be white and when you roll over it turns red. For some reason when you click on the page link it turns grey and stays grey. I also want the page links to stay white once clicked on
www.bareessentials-waxingformen.co.uk
Please check out my site, you would understand my situation better. I know there are other issues I have to sort out on my site which I am dealing with but this problem with the nav bars have stumped me
Thanks

I didn't notice anything unusual with any of your links. Their color is set with this file:
http://www.bareessentials-waxingformen.co.uk/Site/WELCOME_files/WELCOME.css

Alter css stylesheet to change rollover colors

I know how to change the rollover colors for links that I've created myself using the inspector, than links/format tabs. But I'm customizing a blog using the notebook template, mostly because I liked the font that it used more than the other blogs. I'm not a big fan of the colors for the text and so I'd like to change the rollover text colors to #1f1a15 (normal) and 87595d (rollover). Is there come sort of stylesheet that I can alter so that the headline text for each entry on the blog home page (and in the archive) and the add a comment link at the end of each entry will match my color scheme?
PS - I'd give you a link to the blog, but I can't publish it right now for some reason and I can't figure out what it is

I don't think you can do it for blog pages and they don't take kindly to post publishing editing. I don't have a blog but all of the questions I've seen about modifying blogs were answered by those in the know as "No". You will lose your comments.
Not if it's a new blog with no comments as yet you might be able to do it but if you had to ever make any changes to it via iWeb those rollover changes would be lost. I'd wait till one of those with experience with blog pages and changing css files respond to either confirm my post or shoot it down.
OT

I can't change the colour of linked text?

I have a black background on the side of my web page containing the menu bars which requires the link text to be white so it can be
seen. I also have it set to change to yellow when you hover over it.
The problem is that this setting seems universal throughout the website and I cannot get the links in general text (such as 'contact
us' links, etc) on each page to change colour - they default to white which doesn't show up as the background is also white.
i have tried creating a CSS rule for links in the body of a page but to no avail.
Can I change the colour of links on different parts of the website?
I am relatively new to dreamweaver with little knowledge of CSS, etc but I'm sure this must be possible.

Yes it is possible to have differen coloured links..
You need to look at Pseudo-classes / descendant selectors:
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Descendant selectors:
http://www.projectseven.com/tutorials/css/pseudoclasses/page3.htm
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

How can I make a link a different color than the other links according to the current page?

Hello. I have created a navigation bar. And I would like to style the links to have the current page link a different color than the other links. For example, if all of the links have a black background, I would like to have the current page link to have a white background. The reason that I would like to style them this way is so that the visitor knows what page is being visitied.
I tried different ways but all of them did not show to make any change to the links. This is what I have so far. The links work, but all of them have the same color and background. When on the home page, I would like to have the home page link to have a white background with black letters. I would appreciate your advice.
<head>
ul {
    list-style-type: none;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 10px;
li {
    display: inline;
a:link {
    color: #FFF;
    background-color: #000;
    text-align: center;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 7px;
    text-decoration: none;
a:visited {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
a:hover {
    color: #000;
    background-color: #FFF;
    text-decoration: none;
a:active {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
a.menu:link {
     color: #000
     background-color: #FFF;
     text-decoration: none;
</head>
<body>
<div class="navigation">
    <ul>
        <li class="menu"><a href="index.html" target="_self">HOME</a></li>
</body>
Thank you very much.

http://www.itworld.com/development/351097/setting-active-menu-item-based-current-url-jquer y

Turn off linking text boxes in Pages

I find the linking text boxes annoying because I'm always fighting trying to STRETCH a box and Pages wants to add a linking floating text box.
Does anyone know how to turn off this feature completely, so it never comes back on unless I want it to?
For a while it was OFF, and then all of a sudden I'm back fighting the linking text box feature when trying to move my text box where I want it.
Thanks for any suggestions or help!

Pamela,
No, I don't believe that you can disable Text Box Linking. Just keep your mouse pointer away from the Link Handles.
Jerry

Why doesn't "include/object/text from file" work?

I want to include (link) text from other Word documents to a main Word document and I use "include/object/text from file" (Word function)
It works fine when I do so in "H:", but doing exactly the same in the Sharepoint environement result in "nothing" (nothing happens)
It DOES work if I link from a document saved in Sharepoint to a "H:" - document, but that is of no use since I need all the documents to be stored in Sharepoint.
Guess it has to do with the set up och Sharepoint.
Greatful for any tips!

Hi,
Did you mean insert a object in the documents?
Did you open the file with the local application or office web application?
In the office web application, it doesn’t have the function to insert a object in the browser.
I had tested with some word files in the library, open the word files with the local application, then insert file using the insert object function.
It worked without any issue.
What’s more, I had tested with Office 2010 and Office 2013, they all worked.
Did the issue occur in other libraries? You can create a new library to check whether it works.
You can also download a copy for the issued file, then open it in the local machine to check whether it works in the local machine.
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Color doesn't recognize movie files

Hello, I'm pretty new to FCP and I've been working on a project for about a week.
When I tried to send my sequence to Color, it seemed to load the sequence, but none of the files are recognized by Color. It looks like this:
http://i5.photobucket.com/albums/y179/majtki/Screenshot2010-02-06at31831AM.png
I'm not sure what the problem is, I have been trying to work this out all day. First, I thought that the files were offline because of all of them being on an external hard drive, so I tried to move all of them to the computer. Didn't work.
I tried relinking media, but Color wouldn't let me select any appropriate files, leaving them grayed out.
Could it be the files themselves? All the footage was shot with a Nikon d300s, which is supposed to shoot HD quality, 24 fps movies in NTSC. It wouldn't make sense though, since I tried opening the files separately (not in that specific sequence) in a different project and they worked just fine.
What's more interesting is that all the files seem to work fine in FCP and even when I export the Color project back to FCP, FCP recognizes all the files without any problem.
Thanks so much for your time

Looks like your camera shoots in MPEG-2 wrapped in an AVI container. You need to convert you videos to something like Pro res. Final Cut Pro doesn't support MPEG-2 video file. Yes you can import MPEG-2 files into FCP. But that doesn't mean it's supported. MPEG-2 video are a delivery format not an editing format.
Color doesn't support still or text (from FCP). Read Color's manual page 84 for supported file formats.
Here's a tutorial by Nick Holmes on how to use Mpeg-Streamclip (free) to convert MPEG-2 files for use in FCP.
http://discussions.apple.com/thread.jspa?threadID=2070861&tstart=0

Rollover Color Doesn't Cover Link Text Completely

Similar Messages

Maybe you are looking for