>> I'd like it so that
>> all of the anchor tags (as well as the LIs) are all the same height so
>> that each link has the same size target to click on.
>>
>> Is that doable with just CSS? Or will this also be a task for javascript?
>
> Setting the links to display: block is the first step. It might be the only
> one. You might need a height: 100% too.
Tried it, but didn't work:
<ul>
<li><a href="">My Link</a></li>
<li><a href="">My Link</a></li>
<li><a href="">My Link<br />that is taller<br />than the rest</a></li>
</ul>
ul {
display: table
}
li {
display: table-cell
vertical-align: middle;
}
a {
display: block;
height: 100%;
}
(I also fixed my typo...vertical-align is middle, not center)
-DA
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
