Revision: 16415
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at August 3, 2009 15:53 by ishottheserif
Initial Code
/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/
body {
font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
}
ul, li {
list-style-type:none;
padding:0;
margin:0;
}
#crumbs {
height:2.3em;
border:1px solid #dedede;
}
#crumbs li {
float:left;
line-height:2.3em;
color:#777;
padding-left:.75em;
}
#crumbs li a {
background:url(images/crumbs.gif) no-repeat right center;
display:block;
padding:0 15px 0 0;
}
#crumbs li a:link,
#crumbs li a:visited {
color:#777;
text-decoration:none;
}
a:link, a:visited,
#crumbs li a:hover,
#crumbs li a:focus {
color:#dd2c0d;
}
<ul id="crumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Main section</a></li>
<li><a href="#">Sub section</a></li>
<li><a href="#">Sub sub section</a></li>
<li>The page you are on right now</li>
</ul>
Initial URL
http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs
Initial Description
Initial Title
Simple scalable CSS based breadcrumbs
Initial Tags
Initial Language
CSS