At 9:16 AM -0400 8/31/06, Zoe M. Gillenwater wrote: >Jay Kinney wrote: >> At 9:08 PM -0400 8/30/06, ~davidLaakso wrote: >> >> >>> Jay Kinney wrote: >>> >>>> I have a horizontal nav bar into which I put a <ul> of gifs for the >>>> links. I floated them left and they all line up next to each other, >>>> but they (of course) are all lined-up on the left side of the nav bar. >>>> >>>> I want to have them centered in a row in the nav bar. That way, if I >>>> later add in another gif or two, they'll expand out from the center. >>>> >>>> >>> Would modification of this method work for you? >>> <http://css.maxdesign.com.au/listamatic/horizontal27.htm> >>> >> >> David, >> >> Thanks for the suggestion. You know, I had come upon that Listamatic >> site earlier today and had even looked at that list example, but I >> had trouble conceptualizing whether this CSS could somehow be applied >> to my problem. If you or someone could point out the salient code >> that applies to centering floating image elements, that would be >> great. I'm enough of a newbie on CSS that it isn't self-evident to >> me... >> > >Jay, > >As you can see by looking at the code of that example, there is no >floating involved. Instead, display: inline is used to make the list >items line up horizontally. Because the text remains inline, text-align: >center can then be used to center the list items. > >Zoe
I believe I have that under control now and I revamped the nav bar in light of the listamatic approach - with a very helpful assist from David Laakso. Just one thing is driving me nuts, at this point. (Well, many things are, but mainly just one on this page.) I can't figure out why the nav bar is adding extra space under itself. It is sort of the opposite of margin collapse! (And the extra space seems to be under both the top and bottom nav bars in IE on a PC, but only under the bottom nav bar in FF on a Mac. If you or someone could give the CSS a quick glance, and are able to spot anything, that'd be great. http://www.sfscottishrite.com/Test/experimental.html There's some leftover code in the style sheet from earlier versions of things which I will clear out shortly. However I don't think it affects this page as none of it is pointed to by the HTML. Or at least I don't think so. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
