Thu Dec 08, 2011 11:23 pm
<html>
<head>
<title>using access key with link a tag</title>
<style type="text/css">
#siteTags ul li {
list-style: none;
display: inline;
margin: 1px;
}
#siteTags ul li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 2px solid #43EE32;
background: #EEDD32;
text-decoration: none;
border-bottom: none;
}
#siteTags ul li a:link {
color: #124332;
}
#siteTags ul li a:link:hover, #siteTags ul li a:visited:hover {
color: #000;
background: #CC32CC;
border-color: #227;
}
.accessKey {
text-decoration: underline;
}
#siteTags h1 {
color:#EE0043;
font: bold 30px Verdana, sans-serif;
}
#siteTags ul {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778EEF;
font: bold 12px Verdana, sans-serif;
}
</style>
</head>
<body>
<div id="siteTags">
<h1>
Example of using access key with links ( press shift+alt+access key)
</h1>
<ul>
<li><a href="home/" accesskey="h"><span class="accessKey">H</span>ome</a></li>
<li><a href="sign-up/" accesskey="s"><span class="accessKey">S</span>ign-up</a></li>
<li><a href="contact-us/" accesskey="c"><span class="accessKey">C</span>ontact us</a></li>
</ul>
</div>
</body>
</html>
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
Powered by phpBB © phpBB Group.