Hi I made heavy use of Listamatic when I was learning how to create menus using unordered lists.
Take a peek and, there's a great tutorial... <http://css.maxdesign.com.au/listamatic/> On Feb 16, 2007, at 6:39 PM, Francesco Sanfilippo wrote: > I have this code that works beautifully in FF for making a menubar of > buttons horizontal, but it does not work in IE 6 or 7, and I haven't > checked in Safari yet. Any ideas why IE doesn't like this? > > #menubar { > height: 31px; > } > > ul#menu { > border: 0; margin: 0; padding: 0; > display: table; > list-style-type: none; > } > > ul#menu li { > border: 0; margin: 0; padding: 0; > display: table-cell; > } > > <div id="menubar"><ul id="menu"><li><a > href="http://www.surgery.com/home/"; title="Home"><img > src="~/Media/SCSA/NavHomeHover.jpg" alt="Home" /></a></li><li><a > href="http://www.surgery.com/locations/"; title="Locations"><img > src="~/Media/SCSA/NavLocationsHover.jpg" alt="Locations" > /></a></li><li><a href="http://www.surgery.com/physicians/"; > title="Physicians"><img src="~/Media/SCSA/NavPhysiciansHover.jpg" > alt="Physicians" /></a></li><li><a > href="http://edu2.surgery.com/Home.aspx"; title="Patient > Education"><img src="~/Media/SCSA/NavEducationHover.jpg" alt="Patient > Education" /></a></li><li><a href="http://www.surgery.com/resources/"; > title="Resources"><img src="~/Media/SCSA/NavResourcesHover.jpg" > alt="Resources" /></a></li><li><a href="http://www.surgery.com/about/"; > title="About"><img src="~/Media/SCSA/NavAboutHover.jpg" alt="About" > /></a></li></ul></div> > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- 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/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
