Click to See Complete Forum and Search --> : DIV links


antares
11-17-2010, 10:04 PM
<div id="menu">
<a href="about.php"><div class="about"></div></a>
<a href="/store"><div class="store"></div></a>
<a href="/blog"><div class="blog"></div></a>
<a href="contact.php"><div class="contact"></div></a>
</div>


Yeah, so is this SEO compliant? I'm just starting out with this idea of SEO. I've seen tutorials using lists and spans but those wouldn't work with my setup (I have two images, a normal and hover mode). The tuts always used one, but anyways, when I go over the nav link, the image does change, so in that regard everything works as it should. I just wanna know if crawlers will be okay with this setup.

Fang
11-18-2010, 01:04 AM
Crawlers prefer valid markup

antares
11-18-2010, 01:29 AM
what exactly would be a valid markup for a crawler?

edit

nvm i see, can't use a block in a line element... hmm so I do have to use a span. Damnit :( I can't seem to get the spans to keep their sizes or show a background image. But I guess I'll just keep working on it.

Fang
11-18-2010, 06:58 AM
<style type="text/css">
#menu a {
display:block;
width:10em;
height:1em;
}
</style>
<ul id="menu">
<li><a href="about.php" class="about"></a></li>
<li><a href="/store" class="store"></a></li>
<li><a href="/blog" class="blog"></a></li>
<li><a href="contact.php" class="contact"></a></li>
</ul>
Content within the anchors would be preferable.

antares
11-18-2010, 08:46 AM
Hmm I've seen putting a text indent or something similar into the anchor style with a value of around -900% so the text in the anchor would be "gone".