Comments on: Better CSS Navigation Styling

By: Saurooon

Saurooon — Wed, 02 Sep 2009 23:40:06 +0000

Hi,
Ugh, I liked! So clear and positively.
Saurooon

By: Monthly Mother Lode of MacDaddy Links: August 2009 | bkmacdaddy designs

Monthly Mother Lode of MacDaddy Links: August 2009 | bkmacdaddy designs — Tue, 01 Sep 2009 12:33:30 +0000

[...] articles from which I learned new, better or alternative ways to do things Better CSS Navigation Styling Semi Web Safe Fonts to Spice Up Your Web Designs The Most 10 Common Mistakes Web Designers Make [...]

By: MacDaddy Links of the Week: Aug. 2-8 | bkmacdaddy designs

MacDaddy Links of the Week: Aug. 2-8 | bkmacdaddy designs — Sun, 09 Aug 2009 14:44:00 +0000

By: Sean

Sean — Mon, 03 Aug 2009 20:48:26 +0000

@Bill I hadn’t thought of doing it that way mainly because I had used “.”’s rather than “|”’s but that does seem a better way of doing it though.

By: Bill Hall

Bill Hall — Mon, 03 Aug 2009 19:50:13 +0000

Parsed my post incorrectly, list markup was broken, but you should get the general idea.

By: Bill Hall

Bill Hall — Mon, 03 Aug 2009 19:49:11 +0000

Sorry I should have elaborated. This markup should work

OneTwoThree

ul li {
border-right: 1px solid #000;
}
ul li.last {
border-right: none;
}

Only thing you need to watch out for is if you apply some :hover affects to give it some flare. If you do a :hover { border-bottom: 5px dashed #000; } You will see that the border jumps. There are easy fixes for this though, just make sure you have a border underline present in the state before the :hover and there will be no ‘jump’.

Anyway, my two cents. I’m not a fan of anything new because my clients need to outreach to possible people, anything that affects content or presentation must flow across all browsers.

By: Bill Hall

Bill Hall — Mon, 03 Aug 2009 19:42:19 +0000

Why not try adding side borders. Better for cross browser.

By: Better CSS Navigation Styling // SublimeOrange

Better CSS Navigation Styling // SublimeOrange — Sun, 02 Aug 2009 18:43:08 +0000

[...] View original post here: Better CSS Navigation Styling // SublimeOrange [...]

By: Randall A. Gordon

Randall A. Gordon — Sat, 25 Jul 2009 18:46:12 +0000

Very nice! I know I’m stoked to see widespread support for CSS3 across the market. I’ve got my fingers crossed that the prevalence of WebKit usage in mobile browsers will speed things along.

May be worth mentioning that while we’re waiting for such support, designers and developers who must support older browsers do have options. With libraries like jQuery, Prototype and Sizzle, CSS3 selectors can be cross browser (and make life easier for everyone) right now!

By: Auntie Von

Auntie Von — Sat, 25 Jul 2009 16:22:18 +0000

Ahh…that’s fair enough, but may be worth a note somewhere.