Sent by Jay Kinney on 31 August 2006 22:10
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-REMOVED]]
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/
