Full Width Nav Bar - Vertical Edition

@RyanReese

Following on from Full Width Nav Bar

This is what I was getting at - is there a way of adapting the technique you used to present the navigation vertically?

Whipped this together in a few minutes.

http://codepen.io/ryanreese09/pen/QbWLey

That’s the basic technique.

Think of display table/table-cell as <table> and <td>. Just more semantic since you aren’t abusing this for non tabular data.

Table cells are perfect for this since they automatically base their height off one another. It’s a powerful tool to know. You have to do no work basically.

1 Like

Thanks! That was very quick. I do believe I have a use for this - all I have to do, is convince the relevant parties to make use of it… :smiley:

Send them over here I’ll smack them upside the head for a few minutes to loosen them up ;).

I just noticed I didn’t do your footer. Oh well.

Glad I could be of some help.

1 Like

I wasn’t expecting as much of the site as you did; I was just trying to set it in context for you. Thanks again.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.