SEO Image Hotspots
Listed In CSS » Layouts — Page 2 of 5 (View Index)You are viewing section 2 of 5 « Previous Page — Next Page »
We're all ready to dive into the code now.<div id="navigation">
<ul id="linkmenu">
<li class="n-company"><a href="#"><span>Company</span></a></li>
<li class="n-services"><a href="#"><span>Services</span></a></li>
<li class="n-portfolio"><a href="#"><span>Portfolio</span></a></li>
<li class="n-contact"><a href="#"><span>Contact</span></a></li>
<li class="n-ethos"><a href="#"><span>Ethos</span></a></li>
<li class="n-clients"><a href="#"><span>Clients</span></a></li>
</ul>
</div>Let's break it down for you:
<div id="navigation">...</div>This is the tag where you will assign the background to as an image. We'll go onto the CSS a bit later though.
<ul id="linkmenu">...</ul>This is the list identifier we'll apply a style to.
Now onto the actual list items. Each one has a class to give an individual style to. I'll explain why later. Then we have link, and inside that we have a span. This is because when we have the span to play around with, we can hide the element while retaining the link there too.
You are viewing section 2 of 5 « Previous Page — Next Page »
