The problem is all that display: block, float: left stuff... once you go there, no amount of text-align: center is going to save you. If the parent <ul> had a set width, you could center it with margin: 0 auto;, but you don't, since it's web text, it needs expand or shrink and be as wide as it needs to be...
I screwed around with it a little, removing all that, and just making everything INLINE elements, so text-align center would work:
this is a little difficult with all the background image stuff going on. Keep in mind this is VERY MUCH untested. I just screwed around in firefox a little bit. If you intend to use it, make sure to do more robust testing.
Chris you're an Angel!! Thanks, you've really made me a happy camper. :D THANKS!!!
[thanks for the tip with block and float; I was thinking it was possible to massage them to do whatever I would like, but you have proven me wrong, back to the pure inline! cheers!]
The left and right blue lines must extend to the edge of the screen, but the buttons must be center aligned along its path...
here is the url: http://www.fountain-city.com/archives/test/
Thank you sooooo much for any help you can offer!!
:D
Sebastian.
I screwed around with it a little, removing all that, and just making everything INLINE elements, so text-align center would work:
http://css-tricks.com/temp/center/
this is a little difficult with all the background image stuff going on. Keep in mind this is VERY MUCH untested. I just screwed around in firefox a little bit. If you intend to use it, make sure to do more robust testing.
[thanks for the tip with block and float; I was thinking it was possible to massage them to do whatever I would like, but you have proven me wrong, back to the pure inline! cheers!]