SitePoint Sponsor

User Tag List

Results 1 to 14 of 14

Thread: Unclicked Link

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unclicked Link

    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

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,043
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    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.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,315
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    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.

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    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.

  5. #5
    SitePoint Member Ryum's Avatar
    Join Date
    Jul 2012
    Location
    Oslo, Norway
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?
    <p><a href="samples.html">Click here to view an example</a></p> (appears blue)

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

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,405
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    The code you gave in post #6 above is showing a closing </p> tag in the example with <center> tags, but the code you gave in your original post doesn't have any <p> tags. Which is correct? If you have styling set for <a> tags within <p> tags, but there is no <p> 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.

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,315
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Barry360 View Post
    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?
    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.

  9. #9
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    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.
    I've pasted one of my CSS does this help identify problem?
    Thanks,
    Barry



    Code CSS:
    /* 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;
    }
    Last edited by Stevie D; Jul 31, 2012 at 04:19.

  10. #10
    From Italy with love silver trophybronze trophy
    guido2004's Avatar
    Join Date
    Sep 2004
    Posts
    9,508
    Mentioned
    163 Post(s)
    Tagged
    4 Thread(s)
    Off Topic:

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

  11. #11
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,043
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    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:
    Code CSS:
    a{
      color:#0097d1;
      text-decoration:none;
    }

    But on line 339 you have:
    Code CSS:
    .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:

    HTML Code:
    <!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 <span> 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

  12. #12
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,315
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Yes, without the HTML, and some indication of which link is not colored as desired, posting the CSS is a waste of time.

  13. #13
    From Italy with love silver trophybronze trophy
    guido2004's Avatar
    Join Date
    Sep 2004
    Posts
    9,508
    Mentioned
    163 Post(s)
    Tagged
    4 Thread(s)
    Using FF and the Firebug extension, it's easy to see what style is being used on that particular link.

  14. #14
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    You've got a few lines in that CSS that could be responsible for the link appearing grey:
    Code CSS:
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •