This *almost* works. I applied a background to the container div (that is repeat-x). The problem is that the div and the ul are 100% wide and don't shrink to fit the inline li elements. How might I go about doing that?
Or, perhaps someone knows of another way to get the left and right tab corners in? Here's what I get now: http://ohgoditburns.net/wp-content/uploads/2006/02/current_menu.png And what I'm aiming for: http://ohgoditburns.net/wp-content/uploads/2006/02/desired_menu.gif -Tyson -- Tyson Tate * Graphic Designer, CalPoly Library * Assistant Librarian & Member, Mustang Band * Team Member, CalPoly Triathlon Team * Webmaster & Active, Kappa Kappa Psi * Editor, Entropy Magazine * Freelance Graphic Designer On Feb 20, 2006, at 1:10 AM, Sander van Surksum wrote: > Try this > > #footer { > text-align:center; > } > #footermenu { > margin: 0; > padding: 0; > } > #footermenu li { > display: inline; > list-style-type: none; > padding-right: 20px; > } > <div id="footer"> > <ul id="footermenu"> > <li><a href="#">link1</a></li> > <li><a href="#">link2</a></li> > <li><a href="#">link3</a></li> > <li><a href="#">link4</a></li> > </ul> > </div> > > The text-align:center; will center the content in your list. > > Regards. > > Sander > > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Tyson Tate > Sent: maandag 20 februari 2006 6:47 > To: [email protected] > Subject: [css-d] Centering a List Menu > > > I'm trying to create a centered menu using a ul that looks like so: > > http://ohgoditburns.net/wp-content/uploads/2006/02/desired_menu.gif > > The links are regular and don't use image replacement. > > I can get the menu just fine using most any list menu technique, but > I can't center it on the page as shown in the link above. > > Can anyone suggest a list menu technique that allows for centering? > The wiki contains none. I'm willing, if needed, to use something than > a ul list to achieve this effect, but I figured I should check with > the list first. > > Thanks! > > -Tyson ______________________________________________________________________ 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/
