Unclicked Link

Barry360 · July 30, 2012, 1:34am

I’ve added a clients web site to my index page.
Why does the unclicked link display gray when the other unclicked links
display blue? The unclicked link I’d like to diplay blue is <center><a href=“http://scootersaus.com.au”>Scootersaus Melbourne</a> </center>
Thanks,
Barry

James_Hibbard · July 30, 2012, 8:15am

It’ll be something to do with how you have styled (or not styled, as the case may be), the <a> tag in your css.
If you post a bolied down example, then maybe we can help.

ralphm · July 30, 2012, 8:51am

As Pullo said, we need to see the code involved, or preferably a link. But it’s to do with your styling.

By the way, <center> is an outdated element that should not be used any longer. Use CSS for styling, rather than HTML.

Stevie_D · July 30, 2012, 11:42am

A link is shown with the :visited style when the destination URL appears in your browser history. It doesn’t matter whether you clicked on that particular link or a different link, or if you typed the address in or went to a bookmark – your browser knows you have visited the page, so it marks the link as visited.

Ryum · July 30, 2012, 2:02pm

Browsers and CSS in general has a standard set of styling rules for websites unless new rules have been declared in your stylesheet. For instance, links are made blue with an underline, and visited links are made purple. You can reset these rules to give you full control of your website by adding a “CSS Reset”-snippet. You can find a good CSS Reset here. Copy and paste the snippet into the top of your stylesheet (CSS-file). The procedure to make your own rules for links has already been mentoned over

Barry360 · July 30, 2012, 9:45pm

Thanks everyone. What I don’t understand is I’ve copied exactly the other
blue hyperlinks have like the <a> tag, and it appears gray?
<a href=“samples.html”>Click here to view an example</a> (appears blue)

<a href=“http://scootersaus.com.au”>Scootersaus Melbourne</a> </center> (appears gray)?
Thanks,
Barry

TechnoBear · July 30, 2012, 10:43pm

The code you gave in post #6 above is showing a closing tag in the example with <center> tags, but the code you gave in your original post doesn’t have any tags. Which is correct? If you have styling set for <a> tags within tags, but there is no here, that may affect how it displays. Likewise, have you set styling for <center>? Without seeing the full HTML and CSS for this page, to see how things interact, we’re just guessing at your problem.

ralphm · July 30, 2012, 11:55pm

As Stevie said, it’s nothing to do with the HTML, but the styling. If you have a special color set for visited links, your browser knows that you’ve visited that link.

Barry360 · July 31, 2012, 3:00am

I’ve pasted one of my CSS does this help identify problem?
Thanks,
Barry

/* CSS Document */

/* ----- GENERAL STYLES ----- */
body{
	background:#efeff0;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

body.no_slider{
	background:#efeff0 url(../images/green_grey/backgrounds/bg_portfolio_body.gif) repeat-x;
}
.test{
	border:1px solid #0f0;
}

p{
	line-height:1.6em;
}

h3{
	font-size:1.7em;
	line-height:1.6em;
	margin-left:-2px;
}

.clear{
	clear:both;
}

a{
	color:#0097d1;
	text-decoration:none;
}

hr{
	height:1px;
	border-top:1px dotted #ccc;
	background:none;
}

/*****************
 * HEADER STYLES *
 *****************/
#header{
	background:url(../images/green_grey/backgrounds/bg_main.png) repeat-x;
	height:65px;
	width:100%;
}
 
.header_wrapper{
	margin:0 auto;
	width:960px;
}
#logo{
	float:left;
	padding:12px 30px 0 0;
}
	
/***************
 * MENU STYLES *
 **************/
.main_menu{
	background:url(../images/bg_menu.gif) repeat-x;
	height:56px;
	float:left;
}

.sf-menu {
	margin:	9px 0 0 0;
	padding:0;
	list-style:none;
	line-height:1;
	text-transform:uppercase;
	font-size:0.85em;
	font-weight:bold;
	position:relative;
	z-index:10;
	width:750px;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:19em; /* left offset of submenus need to match (see below) */
	z-index:8;
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:4em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:19em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:1em;
}
.sf-menu a {
	padding:1.2em 1em;
	text-decoration:none;
	color:#ffffff;
}

.sf-menu li li {
	background:#8dc6ec;
	border-bottom:1px solid #333;
	height:34px;
	padding-bottom:2px;
}

.sf-menu li li:hover{
	background:#4da8d2;
}

.sf-menu li li li {
	background:#2f8ac6;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:2em;
	min-width:1px;
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.6em;
	top:1em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../images/green_grey/arrows-ffffff.png') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {
	top:1.2em; /* Arrow position */
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}


.sf-shadow ul {
	background:	url('../images/green_grey/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

li.main_li_menu{
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

li.main_li_menu{
	margin-right:10px;
	height:44px;
	padding:0 6px;
}

li.main_li_menu:hover{
	background:#aed900;
}

/******************
 * CONTENT SLIDER *
 *****************/ 
.slider_wrapper{
	margin-top:50px;
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  height:400px;
}

.wrapping_cs h1{
	font-size:2.5em;
	color:#4a5359;
}

.cs_article .wrapping_cs h3{
	font-size:1.4em;
	line-height:1.4em;
	text-shadow:#fff 0.1em 0.1em 0;
}

/*
 ******************************************************************************
 * These styles may be affected by the slider plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  margin:0 auto;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}
.cs_article h1 {
  text-align:left;
}
.cs_article img {
  top:0;
  left:0;
  border:0;
  float:left;
  margin-right:20px;
}
.cs_article p {
  display:block;
  padding:0;
  border:0;
}
.cs_article .readmore_slider a {
	background: url(../images/green_grey/content_slider/learn_more.png) no-repeat top left;
	border:none;
	cursor:pointer;
	height:51px;
	text-indent:-99999px;
	width:160px;
	font-size: 0; /* ie7 fix */
	display:block; /* ie7 fix */
	line-height: 0; /* ie7 fix */
	float:left;
}

.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:-24px;
  z-index:10000;
}
.cs_leftBtn {
  left:0px;
  outline:0;
}
.cs_rightBtn {
  right:17px;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

.wrapping_cs{
	overflow:hidden;
	padding:0 60px;
}

/***************
* MAIN CONNTET *
***************/

.main_content_wrapper{
	margin:0 auto;
	width:984px;
}

.main_content_wrapper_sidebar{
	background:url(../images/green_grey/separator_main.jpg) no-repeat top left;
	margin:10px auto;
	padding:40px 0;
}

#teaser{
	background:url(../images/green_grey/backgrounds/bg_teaser.jpg) no-repeat top left;
	height:121px;
	margin:30px 0 20px 0;
	text-align:center;
	width:960px;
}

.main_content_wrapper #teaser h2{
	color:#4b5660;
	font-size:2.5em;
	margin:0;
	padding-top:20px;
}

.main_content_wrapper #teaser p{
	color:#667079;
	font-size:1.2em;
	margin:0;
	padding:0;
	text-shadow:#FFF 0.1em 0.1em 0;
}

.box{
	background:url(../images/green_grey/backgrounds/bg_box.png) no-repeat;
	float:left;
	height:165px;
	margin:16px 27px 35px 0;
	padding:25px 30px;
	width:242px;
}

.box h2{
	padding:0 0 10px 0;
	font-size:1.9em;
}

.box p{
	color:#ddd;
	margin:0 0 24px 0;
}

.box a{
	background:url(../images/blue/learn_more_home.gif) no-repeat top left;
	color:#fff;
	font-weight:bold;
	padding:8px 33px 10px 10px;
	text-decoration:none;
	text-shadow: #102d41 0.1em 0.1em 0.1em;
}

.box a:hover{
	background:url(../images/blue/learn_more_home.gif) no-repeat bottom left;
}

/* Main content text */
.content_630{
	float:left;
	margin-right:30px;
	width:630px;
}

.content_610{
	float:left;
	margin-right:30px;
	width:610px;
}

.content_610 h3{
	line-height:1.3em;
}

.content_610 h4{
	color:#222;
	font-size:1.3em;
}

.content_470{
	float:left;
	margin-right:20px;
	margin-top:30px;
	width:470px;
}

#fresh_services{
	overflow:hidden;
	padding-top:15px;
}

ul#fresh_services li{
	height:30px;
}

ul#fresh_services li a{
	background:url(../images/green_grey/arrow_list.png) no-repeat left center;
	color:#666;
	padding:0 0 0 15px;
	text-decoration:none;
}

ul#fresh_services li a:hover{
	color:#0097d1;
}

.float_left{
	float:left;
	margin:7px 20px 5px 0;
}

.title_paragraph{
	font-size:1.3em;
	overflow:hidden;
	padding-left:12px;
}

/* about us */
div.cite{
	background:url(../images/green_grey/cite_left.jpg) no-repeat left top;
	overflow:hidden;
	padding:15px 0 0 30px;
}

div.cite p{
	background:url(../images/green_grey/cite_right.jpg) no-repeat bottom right;
	padding:0 25px 25px 0;
}

.cite_content{
	background:url(../images/green_grey/quotation_marks.gif) no-repeat top left;
	padding-left:60px;
	overflow:hidden;
}

.cite_content p{
	color:#999;
	margin:0;
	padding:0;
}

h4.blue_h4{
	background:#c8c8c8;
	color:#fff;
	float:left;
	padding:8px 14px;
}

/* services */
.full_width_wrapper{
	padding-right:22px;
}

.content_470 .subtitle_services{
	font-size:0.8em;
	color:#9f9f9f;
	margin:0;
	padding:0;
}
.content_470 p{
	margin-top:20px;
}

.content_470 img{
	float:left;
	margin:25px 10px 0 0;
}

/* Page without slider */
.page_title{
	color:#222;
	margin-top:10px;
	margin-bottom:50px;
}

/* Portfolio */
.portfolio_box{
	float:left;
	margin-right:30px;
	margin-bottom:40px;
	width:300px;
}

.portfolio_box_1_col{
	margin-right:30px;
	margin-bottom:40px;
	width:940px;
}

.portfolio_box_2_col{
	float:left;
	margin-right:10px;
	margin-bottom:40px;
	width:470px;
}

.portfolio_box img, .portfolio_box_1_col img, .portfolio_box_2_col img, img.blog_image{
	background:#efeff0;
	border:1px solid #cecece;
	margin-bottom:15px;
	padding:5px;
}

.portfolio_box h4, .portfolio_box_1_col h4, .portfolio_box_2_col h4{
	color:#222;
	font-size:1.3em;
}

.portfolio_box .learn_more a, .portfolio_box_1_col .learn_more a, .portfolio_box_2_col .learn_more a, .learn_more a{
	background: url(../images/green_grey/read-more-button.gif) no-repeat;
	color:#606770;
	font-weight:bold;
	height:36px;
	line-height:2.8;
	padding:9px 33px 11px 12px;
	text-decoration:none;
}

.portfolio_box .gallery li{
	background:url(../images/green_grey/ajax-loader.gif) center center no-repeat;
	height:166px;
}

.portfolio_box_2_col .gallery li{
	background:url(../images/green_grey/ajax-loader.gif) center center no-repeat;
	height:220px;
	margin-bottom:25px;
	width:440px;
}

.portfolio_box_1_col .gallery li{
	background:url(../images/green_grey/ajax-loader.gif) center center no-repeat;
	float:left;
	height:310px;
	margin-right:30px;
	margin-bottom:70px;
	width:560px;
}

.portfolio_box .img_hover, .portfolio_box_1_col .img_hover, .portfolio_box_2_col .img_hover{
	background:url(../images/green_grey/icons/plus.png) no-repeat center center;
}

.portfolio_box h4 a, .portfolio_box_1_col h4 a, .portfolio_box_2_col h4 a{
	color:#222;
}

.portfolio_box_1_col img{
	float:left;
}

/* portfolio one column */
ul.portfolio_desc_list{
	margin:15px 0;
	overflow:hidden;	
}

.portfolio_desc_list li{
	background:url(../images/blue/arrow_green_large.png) no-repeat;
	height:15px;
	margin:0 0 15px 0;
	padding-left:25px;
}

/* Blog */
.meta_infos{
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	margin:5px 0 15px 0;
	padding:7px 0;
}

img.blog_image{
	margin-bottom:0px;
}

.blog_entry{
	margin-bottom:60px;
}

.blog_entry h4, .toggle h4, .comments_holder h4{
	color:#222;
	font-size:1.3em;
	margin-top:35px;
}

.meta_infos a:hover{
	text-decoration:underline;
}

.blog_navigation ul li{
	float:left;
}

.blog_navigation ul li a{
	border:1px solid #bbb;
	color:#888;
	display:block;
	margin-right:7px;
	padding:3px 7px;
}

.blog_navigation ul li a:hover, a.current{
	background:#222;
	border:1px solid #222;
	color:#fff;
}

.blog_sidebar{
	padding:15px 20px 20px 0;
}

.blog_sidebar li{
	border-top:1px dashed #ccc;
	clear:both;
	height:52px;
	margin-bottom:6px;
	padding:7px 0 ;
}

.blog_sidebar li img{
	border:1px solid #ccc;
	float:left;
	margin-right:7px;
	padding:3px;
}

.blog_sidebar li a{
	color:#666;
	line-height:1.3em;
}

.blog_sidebar li a:hover{
	color:#222;
}

.blog_sidebar li span{
	font-size:0.8em;
	text-transform:uppercase;
}

.blog_sidebar li span a{
	color:#aaa;
	margin-top:10px;
}

/* Blog single */
.toggle h4{
	display:block;
}

.toggle_content{
	background:#eaeaea;
	margin-top:10px;
	overflow:hidden;
	padding:10px;
}

.toggle_content img{
	float:left;
	margin-right:10px;
}

.toggle_content ul li{
	float:left;
	margin-right:10px;
}

.comment{
	margin-bottom:20px;
}

.comments_holder img{
	border:1px solid #ddd;
	float:left;
	margin:10px 10px 10px 0;
	padding:5px;
}

.comment_author{
	font-weight:bold;
	padding-top:10px;
}

.comment_meta{
	color:#aaa;
	font-size:0.85em;
	padding-top:5px;
}

.comment_meta a:hover{
	text-decoration:underline;
}

.comment p{
	padding-left:80px;
}

.comment_sub_1{
	border-left:1px solid #ddd;
	margin-left:80px;
	padding-left:15px;
}

/* Comments form */
.comment_form_holder{
	border-top:1px solid #ddd;
	margin-top:60px;
}

.comment_form_holder form input[type=text]{
	margin-right:7px;
}

.comment_form_holder form label{
	color:#888;
}

.comment_form_holder form label span{
	color:#0097d1;
}

.comment_form_holder form textarea{
	width:100%;
	height:200px;
}

.comment_form_holder form #submit{
	margin-left:0;
	padding-left:0;
}

/**********
* SIDEBAR *
**********/
.sidebar{
	background:url(../images/green_grey/backgrounds/bg_sidebar.png) no-repeat left top;
	overflow:hidden;
	padding:20px 30px 0 40px;
}

.twitter_feed{
	margin-top:20px;
}

.twitter_feed p{
	margin-top:0.5em;
	padding-top:0;
}

.twitter_feed a{
	color:#0097d1;
	text-decoration:none;
}

.twitter_feed a:hover{
	text-decoration:underline;
}

/* Searchform */
.sidebar #searchform{
	padding-top:20px;
}

#searchform .search_input{
	background:url(../images/green_grey/search_bg.png) no-repeat left top;
	border:none;
	color:#777;
	float:left;
	height:33px;
	margin:0;
	padding-left:20px;
	width:189px;
}

/* CONTACT FORM */
#cf_top{
	background:url(../images/green_grey/cf_top.gif) no-repeat top left;
	height:11px;
	width:610px;
}

#cf_main{
	background:url(../images/green_grey/cf_main.gif) repeat-y;
	width:610px;
	overflow:hidden;
}

#cf_bottom{
	background:url(../images/green_grey/cf_bottom.gif) no-repeat bottom left;
	height:13px;
	width:610px;
}

#cf_main #contact_form .cf_label{
	color:#606770;
	font-weight:bold;
	margin-bottom:5px;
	text-shadow: #fff 0.1em 0.1em 0;
}

.input_wrapper{
	float:left;
	margin:25px 0 0 0px;
	padding-left:45px;
	position:relative;
}

#contact_form input[type=text], .comment_form_holder input[type=text]{
	border:#c4c4c4 1px solid;
	color:#6b717a;
	height:30px;
	padding:0 5px;
	width:227px;
}

#contact_form textarea, .comment_form_holder textarea{
	border:#c4c4c4 1px solid;
	color:#6b717a;
	height:126px;
	padding:5px;
	width:510px;
}

#contact_form #submit, .comment_form_holder #submit{
	background:url(../images/green_grey/send_button.gif) no-repeat;
	border:none;
	cursor:pointer;
	height:36px;
	margin:15px 0 15px 45px;
	text-indent:-99999px;
	width:134px;
	font-size: 0; /* ie7 fix */
	display:block; /* ie7 fix */
	line-height: 0; /* ie7 fix */
}

label.error {
	background:#0097d1;
	bottom:-20px;
	color:white;
	font-size:.9em;
	padding:5px;
	position:absolute;
	right:0;
	text-align:right;
}

/* Location boxes */
.content_separator{
	background:url(../images/green_grey/content_separator.gif) repeat-x;
	clear:both;
	margin:50px 0;
	min-height:2px;
	width:100%;
}

.content_separator_small{
	background:url(../images/green_grey/content_separator_fade.gif) repeat-x;
	clear:both;
	margin:20px 0;
	height:2px;
	width:100%;
}

.location_box{
	float:left;
	margin:0 30px 70px 0;
	width:290px;
}

.location_box h4{
	color:#000;
	font-size:1.5em;
}

.location_box object{
	background:#fff;
	border:1px solid #b2b2b2;
	padding:2px;
}


/* Label for verification field */
#cf_main #contact_form .verification_label{
	padding:8px 10px 0 0;
	float:left;
}

.verification{
	width:276px !important;
}

/* Success and error message */

.success_message, .error_message{
	padding:10px;
	margin-bottom:10px;
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius:1em 1em 1em 1em;
}

.success_message{
	background:#d9ecf2;
	border:1px solid #5d9db2;
}

.error_message{
	background:#fee3e3;
	border:1px solid #b80000;
}

.success_message h2, .error_message h2{
	margin:0;
	padding:5px 0 5px 50px;
}

.success_message h2{
	background:url(../images/green_grey/checkmark.png) left no-repeat;
	color:#005c83;
}

.error_message h2{
	background:url(../images/green_grey/error.png) left no-repeat;
	color:#b80000;
}


/*********
* FOOTER *
*********/
.footer_bg{
	background:url(../images/green_grey/backgrounds/bg_footer.gif) repeat-x;
	background-color:#eaeaeb;
	margin-top:60px;
	min-height:65px;
	overflow:hidden;
	padding-bottom:45px;
	width:100%;
}

.footer_wrapper{
	margin:0 auto;
	width:960px;
}

.footer_box{
	color:#888;
	float:left;
	margin-right:30px;
	padding-top:50px;
	width:300px;
}

.footer_box h4{
	color:#000;
	font-size:1.5em;
	margin-bottom:30px;
}

.footer_box span{
	color:#000;
	font-weight:bold;
}

.social li{
	float:left;
	margin-right:5px;
}

.footer_box li a{
	color:#888;
	text-decoration:none;
}

.footer_box li a:hover{
	text-decoration:underline;
}

.footer_box #contact_us_list li{
	height:24px;
	padding-left:25px;
}

.footer_box #contact_us_list{
	margin-bottom:20px;
}

.footer_box #contact_us_list #contact_phone{
	background:url(../images/green_grey/icons/ico_footer_phone.png) no-repeat;
}
.footer_box #contact_us_list #contact_email{
	background:url(../images/green_grey/icons/ico_footer_mail.png) no-repeat;
}
.footer_box #contact_us_list #contact_addess{
	background:url(../images/green_grey/icons/ico_footer_home.png) no-repeat;
	padding-top:1px;
}

.footer_box #contact_page a{
	background:url(../images/green_grey/contact_page.gif) no-repeat top left;
	color:#666;
	padding:7px 42px 10px 20px;
	text-decoration:none;
	text-shadow: #dddddd 0.1em 0.1em 0.1em;
}

.footer_legal{
	border-top:1px solid #d7d7d8;
	margin-top:20px;
	text-align:center;
}

.footer_legal p{
	color:#969595;
	font-size:0.9em;
}

/*** Price Table ***/
div#price_table{
	background: #eaeaea;
	border:1px solid #fff;
	float:left;
	font-size: 1em;
	margin-bottom: 25px;
	margin-top:25px;
	width:960px;
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius:1em 1em 1em 1em;
}

#price_table #border{
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius: 1em 1em 1em 1em;
}
#price_table .column{
	float:left;
	margin-left: 1px;
	width:14em;
}
#price_table .column.first{
	background: #eaeaea;
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius:1em 1em 1em 1em;
}
#price_table .column.second{
	background: #e0e0e0;
}
#price_table .column.featured {
	background:none repeat #fff;
	border:1px solid #ddd;
	margin-bottom:-20px;
	margin-top:-20px;
	padding:15px;
	position: relative;
	z-index: 2;
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius: 1em 1em 1em 1em;
}

#price_table #ribborn{
	background:url(../images/green_grey/ribborn.png) no-repeat scroll 0 0 transparent;
	display:inline;
	float:right;
	height:78px;
	margin-bottom:-56px;
	margin-right:-22px;
	margin-top:-21px;
	width:78px;
}

#price_table .header {
	border-bottom:1px solid #ccc;
	color:#222;
	font-size:28px;
	margin-bottom:0;
	margin-top:15px;
	padding-bottom:28px;
	text-align:center;
}
#price_table .header span{
	clear: both;
	color: #077eb2;
	float: left;
	font-size: 0.6em;
	line-height:1em;
	width: 100%;
}

#price_table .footer {
	border-top: 1px solid white;
	height: 30px;
	padding-bottom:20px;
	padding-top:20px;
	text-align: center;
	
}

#price_table .column li {
	background:url(../images/blue/price_list_bg.png) no-repeat scroll 10px 12px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	line-height:30px;
	padding-left:25px;
}

.signup_button span{
	display:block;
	font-weight: bold;
	line-height:1;
	padding:8px 15px 11px;
	-moz-border-radius:3em 3em 3em 3em;
	-webkit-border-radius:3em 3em 3em 3em;
}

.signup_button {
	background-image:url(../images/blue/signup_bg.gif);
	background-repeat:repeat-x;
	cursor: pointer;
	color: #fff;
	display: inline-block;
	font-size:1em;
	line-height:1;
	text-shadow: 1px 1px 1px #555;
	-moz-border-radius:3em 3em 3em 3em;
	-webkit-border-radius:3em 3em 3em 3em;
}

.signup_button:hover {
	color: #eee;
}


/* No right margin on the right side boxes */
.box_last{
	margin-right:0;
}

/* No margin top */
.sidebar_icon{
	float:left;
	margin:5px 10px 0 0;
}

DarthGuido · July 31, 2012, 6:07am

Off Topic:

please put the appropriate code tags around code you post, it makes it much easier to read and understand

James_Hibbard · July 31, 2012, 7:04am

Hi,

In the stylesheet you provided you define various styles for the <a> tag, depending in which context they appear.

E.g. on line 32 you have:

a{
  color:#0097d1;
  text-decoration:none;
}

But on line 339 you have:

.box a{
  background:url(../images/blue/learn_more_home.gif) no-repeat top left;
  color:#fff;
  font-weight:bold;
  padding:8px 33px 10px 10px;
  text-decoration:none;
  text-shadow: #102d41 0.1em 0.1em 0.1em;
}

and there are several more …

This means that the links will be styled differently depending on where in your page they appear.

Here is an example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Unbenanntes Dokument</title>
  <style>
    a{
      color:#0097d1;
      text-decoration:none;
    }

    .box a{
      color:#fff;
      font-weight:bold;
      padding:8px 33px 10px 10px;
      text-decoration:none;
      text-shadow: #102d41 0.1em 0.1em 0.1em;
    }
  </style>
</head>

<body>
  <p><a href="#">I'm blue</a></p>
  
  <div class="box">
    <a href="#">And I'm white with a shadow and padding, as I'm within a div which has the class 'box'</a>
  </div>
</body>
</html>

So, to come back to your original question, the link is very probably styled differently from the others as it occurs within a containing <div> or element, for which links are styled in some way other than the default blue.

If you could post a snippet of HTML in which the “problem” link occurs, I’m sure we can get to the bottom of this quite quickly.

HTH

ralphm · July 31, 2012, 7:44am

Yes, without the HTML, and some indication of which link is not colored as desired, posting the CSS is a waste of time.

DarthGuido · July 31, 2012, 8:14am

Using FF and the Firebug extension, it’s easy to see what style is being used on that particular link.

Stevie_D · July 31, 2012, 11:29am

[font=verdana]You’ve got a few lines in that CSS that could be responsible for the link appearing grey:

ul#fresh-services li a {color:#666;}
.blog_navigation ul li a {color:#bbb;}
.blog_sidebar li a {color:#666;}

Your challenge is to look at the HTML code and figure out which of those applies to this particular link, and whether you need that line CSS for anything else or if all it is doing is changing this one link that you don’t want it to.[/font]

Topic		Replies	Views
Links not displaying correctly HTML & CSS	4	2403	July 2, 2010
1 visited link colors all links HTML & CSS	5	796	October 30, 2014
Links showing as being visited HTML & CSS	9	6924	October 5, 2010
Visited Link Stays On For Next Visit HTML & CSS	7	2112	August 24, 2017
Styling links HTML & CSS	5	651	October 8, 2014

Unclicked Link

Related topics