My portfolio site has been successfully uploaded via FTP. However, I am facing an issue with the links in the 'latest work' section when viewed in Chrome. The first two links (Fine Art Site & Young Academy) function properly in Chrome, but the next two do not, even though they work fine in Internet Explorer.
I would appreciate any insights into this matter. Here is the code for that section:
<div class="latest_work">
<h2>Latest Work</h2>
<hr />
<div class="grid_7">
<h3>Fine Art site</h3>
<a href="http://robert.young1.org/fineart.php"><img src="img/fine_art resized.png" width="317" height="200" class="grid_5"></a>
</div>
<div class="grid_7 omega" id="right">
<h3>Young Academy site</h3>
<a href="http://robert.young1.org/youngacademy.php"><img src="img/young_academy.png" width="317" height="200" class="grid_5"></a>
</div>
<div class="grid_7">
<h3 class="grid_7">Pinner Walks site</h3>
<a href="http://robert.young1.org/pinnerwalks.php"><img src="img/pinner_walks resized.png" width="317" height="200" class="grid_5"></a>
</div>
<div class="grid_7 omega" id="right">
<h3>PSLK </h3>
<a href="http://robert.young1.org/pslk.php"><img src="img/pslk resized.png" width="317" height="200" class="grid_5"></a>
</div>
</div>CSS:
.latest_work {
margin-top: 220px;
}
.latest_work h3 {
margin-top: 20px;
}
.latest_work img {
color: #999;
border: 2px solid #bbb;
background-color: #f0eeed;
opacity: .9;
}
.latest_work img:hover {
opacity: 1.0;
color: #666;
border: 2px solid #ddd;
}
Thank you,
Best regards,
Robert
London, UK