Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser. • Hacker News Board

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#11

Post by feverishaaron » Fri, Apr 10, 2009, 2:19 PM UTC

ph0rque wrote: post #2

I'm more impressed by the diagrams explaining what's going on with each html tag and its CSS attributes.

Agreed. I think this type of patient explanation is what people need to learn CSS well. Too often, sites that get linked up offer specific "css recipes" without any guide as to what is happening. It works sometimes to just copy and paste, but does that really "teach you how to fish"?

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#12

Post by runningskull » Fri, Apr 10, 2009, 2:37 PM UTC

Thanks for the timely submission. I was just doing this exact thing last night and was having trouble getting it to behave.

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#13

Post by webwright » Fri, Apr 10, 2009, 4:00 PM UTC

Oh, hell-- I've got some karma to spare...

I could do this with a table in about 11 seconds.

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#14

Post by juanpablo » Fri, Apr 10, 2009, 5:16 PM UTC

horatio wrote: post #6

Doesn't work in my Chrome actually. 2.0.173.1

It works for me (same Chrome version)

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#15

Post by ja30278 » Fri, Apr 10, 2009, 6:59 PM UTC

I like CSS, but every time I see an article bragging about a new technique for accomplishing something that _should_ be simple, I lose the faith a little bit.

Can't we just give up and add '' and '' tags to html and call it a day. At the very least, we could stop abusing the poor tag.

Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.

#16

Post by mshafrir » Thu, Apr 23, 2009, 9:24 PM UTC

gord wrote: post #10

mshafrir wrote: post #3

It can be argued that the wrapper div is not semantically relevant.

interesting point actually... Given the same textual semantic content 'information', a badly laid out and a well laid out site can be orders of magnitude easier/harder to read. One might draw from this that _layout_ has some semantic content. Think of a google result list being randomized - the layout clearly has semantic content [best ranked first in layout]

In this case Google could use an ordered list element to give context to the search results.