Links Different Colors on Site???

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Links Different Colors on Site???

Post by duplay »

I have noticed that sometimes when I create links to other internal CMS pages on my site, I get hyperlink colors that dont match (see screen shot). For example, I have a page that has two links (both link to internal CMS pages using the orange palm tree icon) but both link colors are different (bright blue and light blue)


below is the page:
http://www.sparcc.org/index.php?page=fiscal2

[gelöscht durch Administrator]
hexdj
Power Poster
Power Poster
Posts: 415
Joined: Sat Mar 24, 2007 8:28 am

Re: Links Different Colors on Site???

Post by hexdj »

It's because your code has something like this:
(inline styling)

FISCWEB (.PDF Reports)



If you're controlling your styles from a stylesheet it should only look like this:

FISCWEB (.PDF Reports)

And then you would define the colors in your stylesheet

a {
  color:#001100; /*Or whatever color code you want to use for all your hyperlinks*/
}
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: Links Different Colors on Site???

Post by duplay »

I am a little confused. If I go to my stylesheet to the followng code:

/* Links */
a,
a:link
a:active, a:visited {
color: #385C72;
}

The above is the color for the text in my menu and it is the light blue color of my links that are off. If I change the above color to 000 it changes the menu text color to black and ONLY the light blue links to black. Leaves the other blue ones alone. I want the menu colors to stay the color they are and just have links be one color.

It has been a while, but I have text size locked down when I create a page, but as far as I know I am pulling the colors from a stylesheet. Any idea how to fix in detail? Thanks
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Links Different Colors on Site???

Post by Nullig »

In the page code the two links are different:

Code: Select all

<p><font size="3" face="Arial"><a href="index.php?page=emis_web_reports"><font color="#0000ff">EMIS Web Reports</font></a></font></p>

<p><font size="3" face="Arial" color="#0000ff"><a href="index.php?page=fiscal-web">FISCWEB (.PDF Reports)</a><br /></font></p>
In the first the color is applied between the and tags and in the second it's before the tag. It could be a problem with the WYSIWYG editor. Try looking at the source view instead of the WYSIWYG view.

Nullig
Last edited by Nullig on Fri May 04, 2007 8:51 pm, edited 1 time in total.
hexdj
Power Poster
Power Poster
Posts: 415
Joined: Sat Mar 24, 2007 8:28 am

Re: Links Different Colors on Site???

Post by hexdj »

If you're pulling CSS styles, then I'd get rid of all your tags that have this:



It's making your code large without need and it's basically making your pages ignore whatever styles you have in your CSS.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Links Different Colors on Site???

Post by RonnyK »

duplay,

if you check the page you referred to using the source button of the editor, you'll see that you have styled the links directly when typing/copying them to the page. Normally you wouldn't do it there as you have the styling in the stylesheet. So if you delete the -tags in the source, you'll get the styling of the stylesheet.

Code: Select all

<ul>
    <li>
    <p><font size="3" face="Arial"><a href="index.php?page=budgetary_cd"><font color="#0000ff">Budgetary CD</font></a></font></p>
    </li>
    <li>
    <p><font size="3" face="Arial"><a href="index.php?page=emis_web_reports"><font color="#0000ff">EMIS Web Reports</font></a></font></p>
    </li>
    <li>
    <p><font size="3" face="Arial" color="#0000ff"><a href="index.php?page=fiscal-web">FISCWEB (.PDF Reports)</a><br />
    </font></p>
    </li>
    <li>
    <p><font size="3" face="Arial"><a href="index.php?page=fiscweb_2"><font color="#0000ff">FISCWEB2</font></a></font></p>
    </li>
    <li>
    <p><font size="3" face="Arial"><a href="index.php?page=payroll_cd"><font color="#0000ff">Payroll CD</font></a></font></p>
    </li>
</ul>
The code above, shows the fixed fonts in the links.

Ronny
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: Links Different Colors on Site???

Post by duplay »

I copied and pasted the text above and still see the different font color for those link..strange..


Thanks
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: Links Different Colors on Site???

Post by duplay »

I figured it out- thanks for your help!
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Links Different Colors on Site???

Post by RonnyK »

Duplay,

I saw what you meant, with fixed I meant "hardcoded" not the "corrected" code. Sorry for the misunderstanding, English is not my native language, so I didn't see the double meaning of "fixed" that fast.

Ronny
Post Reply

Return to “Layout and Design (CSS & HTML)”