...

View Full Version : the color of my link is not showing but my hover color is fine



natedowg
01-06-2010, 05:46 PM
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

Excavator
01-06-2010, 05:52 PM
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.

natedowg
01-06-2010, 05:55 PM
This is my HTML doc


<!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


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 !!

Excavator
01-06-2010, 06:51 PM
That is valid code and valid CSS, good job by the way :thumbsup:, 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?

abduraooft
01-07-2010, 08:22 AM
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

a:link, a:visited {
color: #218917
}
a:hover, a:active {
color: #cccccc;
}

natedowg
01-07-2010, 08:50 AM
cheers for that - really appreciate the help ! il try reseting my cache and add the visited pseudo class !!

many thanks !

mehere8
01-07-2010, 09:42 AM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum