At 2/3/2010 09:56 AM, Troy Harshman wrote:
>If I'm understanding correctly, you want each item in your menu to
>have the same dimensions. You would just need to add height and width
>then. Such as...
>
>#nav-menu a {display:block; height:30px; width:60px;}
>
>If you want them to grow with changes i
For those interested, I put up a quick demo here:
http://jsbin.com/uzehe/edit
As you can see the green elements (the LIs) are all the same height.
But the anchor tags within (pink) are only as high as the text.
What I've been doing via .js is to calculate the height of the tallest
anchor, then
I see what you're looking to do now, and I can't think of a way to do
it without an image. It's a similar issue as multiple columns not
being the same height. You would likely need a background image and
employ the sliding doors technique to pull it off with CSS.
___
> If I'm understanding correctly, you want each item in your menu to
> have the same dimensions. You would just need to add height and width
> then. Such as...
>
> #nav-menu a {display:block; height:30px; width:60px;}
Well, then we're back to using javascript. I'm actually doing this
anyways for I
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of D A
> Sent: Wednesday, February 03, 2010 9:10 AM
> To: css-d Discuss
> Subject: [css-d] horizontal, variable height nav bar. Doable with
> display: table?
>
> I
If I'm understanding correctly, you want each item in your menu to
have the same dimensions. You would just need to add height and width
then. Such as...
#nav-menu a {display:block; height:30px; width:60px;}
If you want them to grow with changes in browser text settings than
you would size then u
>> 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 mi
> Alas, the issue is that while the LIs are all the same height, the
> actual anchor tags are only as high as the text. 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 C
I'm building a horizontal tab navigation where each link may be
different in height (multi-line).
In <= IE7 I'm using javascript to adjust everything as needed to they
visually are all the same height.
In IE8 and the rest, I'm using display: table to achieve this:
My Link
My Link
M
