Re: [css-d] links separated by a pipe ... pipe too tall

[Bill Brown]

Kelly Moore wrote:
> So I have a list links, separated by a pipe, a la alistapart.  My
> issue, the pipes are so darned tall!  Odd from a design perspective.
> Is there a way to set a height to 'border-left' ?

Kelly--

Are you looking for something like this?

HTML:
<ul id="footerlinks">
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
</ul>
CSS:
#footerlinks {
  background: #fff;
  border: 1px solid #000;
  display: inline-block;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0}
#footerlinks {
  display: block}
#footerlinks li {
  border-right: 1px solid #000;
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0}
#footerlinks li a {
  display: block;
  padding: 0 20px 1px;
  text-decoration: none;
  position:relative}
#footerlinks li a:hover {
  background-color: #ffffe1;
  display: block;
  padding: 0 20px 1px;
  text-decoration: none}

Hope it helps.
Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/