Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jan 2010
    Location
    London
    Posts
    13
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question the color of my link is not showing but my hover color is fine

    so im using the href att for a link on my page like so:

    HTML CODE ****************************

    <a href="../portfolio.html"
    title="back to home page">Home</a>

    HTML CODE ****************************

    and im trying to style it in my external ccs. The problem is that my link colour is still showing as default blue not showing but my hover state is fine:

    CSS *********************

    a:link {
    color: #218917
    }
    a:hover {
    color: #cccccc;
    }

    CSS *********************

    please help as i have no idea what i have done wrong\

    thanks

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,739
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello natedowg,
    The bits of code you've shown us should work. Can you post the entire code so we can see what else is affecting your anchor?


    Please use the code tags, &#91;code&#93;&#91;/code&#93; - available with the # button in the post edit window.
    This will wrap your code in a scroll box which greatly helps the readability of your post.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Jan 2010
    Location
    London
    Posts
    13
    Thanks
    7
    Thanked 0 Times in 0 Posts
    This is my HTML doc
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Nathan Jones resume</title>
        <link type="text/css" rel="stylesheet" href="resume.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    </head>
      <body>
    <p>
     <a href="../portfolio.html"
             title="back to home page">Home</a>
    </p>
    <div id="detail"> 
    <h3>Address</h3><br />	44 Denham Close	
    <br />Luton
    	<br />Beds <br /> LU3 3TS	
    <h3>Telephone</h3><br />	 07932 660172 / 01582 582252
    <h3>Email</h3><br />	Njonesy@hotmail.com
    <h3>Nationality</h3><br />	British<br />
    </div>
    
    	
     <div id="pers">
    <h2>Personal Statement</h2>
    <br />
    
    A highly creative, motivated person that works well under pressure. I have  excellent knowledge of Macintosh operating systems, InDesign and solid Photoshop and Illustrator skills. I always pay immaculate attention to detail and have a great eye for layout and typography. I
    have a positive and enthusiastic attitude and am a fast and efficient worker. I hold a full U.K driving licence and would be willing to re-locate for the right position.
    <br />
    </div>
    <div id="skill">
    <h3>Mac Skills</h3> 
    <ul>
    <li>Adobe	Photoshop (intercediate)</li>
    <li>Adobe InDesign (advanced)</li>
    <li>Adobe Illustrator (intermediate)</li>
    <li>Adobe Acrobat (intermediate)</li>
    </ul>
    <div id="comp1">
    <h3>Computer Skills and Packages </h3>
    <br />Adobe CS3/4
    <br />Photoshop	
    <br />Dreamweaver
    <br />InDesign					
    <br />Acrobat
    <br />Illustrator
    <br />Bridge
    </div>
    <div id="comp2">					
    <br />Flash						
    <br />Fireworks
    <br />Quark Express 7					
    <br />Word
    <br />Excel						
    <br />PowerPoint
    </div>
    	
    <h3>Education</h3>
    
    <ul> 
    <li>GNVQ Flash / Fireworks<br />	2008-2009
    <br />Barnfield Technology Centre</li>
    
    <li>GNVQ Dreamweaver Web Design<br />	2006 2007
    <br />Barnfield Technology Centre</li>
    	
    <li>HND Graphic Design<br /> 	1998-2000
    <br />NE Worcestershire College</li>
    
    <li>ND Graphic Design<br />	1996-1998
    <br />Barnfield Technology Centre</li>
    
    <li>Lea Manor High School<br />   1991-1996
    <br />GCSEs</li>
    </ul>
     
     
    <h2>Career History</h2>
     
     
    <h3>ShowCard Print</h3>	 
    <br />
    2008 - Present 
    <h4>Mac Creative Artworker</h4> 
    
    <ul>
    <li>Delivered artwork to meet quality standards for key clients including Tesco, Arcadia, British Homes Stores, Sports Direct and House of Fraser.</li>
    <li>My work included assisting with reports submission documents, design layouts, creating artwork for presentations, from FSDU;s to invitations.</li>
    <li>Running internal and external client relationships.</li>
    <li>Carrying out my own projects from brief through to completion.</li> 
    <li>Development of appropriate communication techniques.</li> 
    <li>Artwork mainly for print, graphic and flash presentations.</li> 
    <li>Designing projects sheets, booklets and entries for our completed and in-progress projects.</li> 
    <li>Manipulating and optimizing images in Photoshop for use in presentations, advertisements and reports.</li> 
    <li>Redrawing engineering sketches using Illustrator for presentations and guides for print.</li> 
    <li>Collating, quality monitoring and keeping records of graphical material on projects.</li> 
    <li>Software used daily… Adobe Acrobat 8 Professional, Adobe Photoshop CS4, Adobe Illustrator CS4, Adobe InDesign CS4, Microsoft Word, Microsoft Excel.</li>
    <li>Maintaining and organising servers resulting in a more efficient operating system.</li> 
    <li>Pre-press checks and dispatching artwork to the printer.</li>
    <li>Proof reading and checking.</li>
    </ul>
    <br />
    
    <h3>The White Square</h3>	 
    <br />
    2007-2008 
    <h4>Junior Designer</h4>
    <ul>
    <li>Page design and copy layout.</li>
    <li>New design of an existing magazine.</li> 
    <li>Building relationships with clients.</li> 
    <li>Brief taking.</li>
    <li>Customer Services - day to day general enquiries about advertising.</li> 
    <li>Accepting advertisments and photography from clients to run in magazines and making sure they were print ready.</li>
    <li>Complete responsibility of advertising schedule for the magazine.</li> 
    <li>Making sure artwork was pre-press and print ready.</li>
    <li>Checking and signing off proofs.</li> 
    <li>Creating designs for brochures, newsletters, cooperate logos, direct mail and presentations.</li>
    </ul>
    <br />
    
    
    <h3>Royal Mail</h3>	 
    <br />
    2002-2007 
    <h4>Post Man</h4>
    <ul>
    <li>Driving and maintaining company vehicle.</li> 
    <li>Sorting and preparing mail for delivery. </li>
    <li>Excellent Customer service.</li>
    <li>Working as part of team.</li>
    <li>Working to tight deadlines.</li>
    <li>Excellent attention to detail.</li>
    </ul>
    <br />
    
    
    
    <h2>Interests / hobbies</h2>
    <br />
    
    I take pleasure in listening to a variety of music especially soul, which helps me to relax. I play football for a 5 a side team and swim at a local pool once a week. I also enjoy Reading books, especially autobiographies gives me great satisfaction and drawing cartoons is another pleasure. Also I am currently trying to teach myself to play piano.
    <br />
     
     
    <h2>Referees</h2>
    <br />
     
    Contact details available on request
    <br />
    <br />
    <p>
      <a href="../portfolio.html"
             title="back to home page">Home</a>
    </p>
    </div>
    </body>
    </html>
    and this is my CSS
    Code:
    body {
    font-family: arial;
    padding: 50px;
    background-color: #333333;
    font-size: 80%;
    }
    h1 {
    text-align: center;
    color: #218917; 
    font-size: 250%;
    }
    h2 {
    font-size: 170%;
    color: #cccccc;
    }
    h3 {
    font-size: 140%;
    color: #cccccc;
    }
    #detail {
    width: 200px;
    padding: 50px;
    float: right;
    line-height:20px;
    }
    .sub {
    font-size: 140%;
    color: #cccccc;
    }
    a:link {
    color: #218917
    }
    a:hover {
    color: #cccccc;
    }
    Thanks - this is all new to me !!

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,739
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    That is valid code and valid CSS, good job by the way , and works as expected here with FF3.5, IE8 and IE7.
    All three of those browsers show a green text and underlined home that hovers gray.

    Maybe it's a cache issue on your end?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    a:link {
    color: #218917
    }
    a:hover {
    color: #cccccc;
    }
    You'd need to add the :visited pseudo too, to get the desired color even after a click on that link, like
    Code:
    a:link, a:visited {
    color: #218917
    }
    a:hover, a:active {
    color: #cccccc;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    natedowg (01-07-2010)

  • #6
    New Coder
    Join Date
    Jan 2010
    Location
    London
    Posts
    13
    Thanks
    7
    Thanked 0 Times in 0 Posts
    cheers for that - really appreciate the help ! il try reseting my cache and add the visited pseudo class !!

    many thanks !

  • #7
    Regular Coder
    Join Date
    Dec 2009
    Posts
    108
    Thanks
    22
    Thanked 2 Times in 2 Posts
    this is related to the cache~~~
    u can clear all the cache or in IE8 click the Developer tool there's an option to reset the cache.

    also you can add :visit pseudo-class to force the visited links to act as those not visited yet

  • Users who have thanked mehere8 for this post:

    natedowg (01-07-2010)


  •  

    Posting Permissions

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