CSS positioning - Help!

[renegade]

I've been using CSS for years to handle fonts and styles and am gradually getting to the point where I want to start moving from table layout to CSS positioning.

I'd like to do this in phases and want to replace an exisiting table and CSS navbar with a pure CSS navbar but it's doing my head in.

I have a navbar which works fine and want to add a rounded corner at each end but everything I try - and I've confused myself with quite a few online tutorials already - ends up with the corners above and below the navbar when I want all three elements on one line.

I suspect it's a case of wrong thinking but this old dog is having a tough time learning this new trick, any suggestions gratefully received.

[Paul Wright]

Hi Joe,

Is the navigation a fixed size? If so why not drop the rounded corners in as a background image?

Paul.

[renegade]

Thanks Paul.
It's a fixed width and I did faff around adding the corners as a background image (would have to redo as currently two seperate images) but then I have to suss the best way to padding the first navigation item along.

[THiNK]

Try this : http://www.spiffycorners.com/

[Paul Wright]

Originally Posted by renegade but then I have to suss the best way to padding the first navigation item along.

Just nudge it along by using the following:

<div id="fishy"> nav text goes here </div>

Then in your style sheet have something like this:

#fishy {
padding-left: 15px;
background:url(./images/background.gif) no-repeat top left;
}

Cheers
Paul.

[accelerator]

Also, Nifty Corners:

http://www.html.it/articoli/nifty/index.html

[renegade]

Cool, spiffy corners is nice, it's not quite what I wanted but I think I'll redo the navbar to use it because it's so neat.
Thanks for the nudge code Paul.
Nifty corners looks a hack to far for me, but an interesting geek read.