My menu tabs created with CSS Tab Designer 2.0 is functioning well and does what it should except for one thing; it displays left justified instead of center justified. I attached a picture of this behavior below. I am not allowed yet to display live links (GRRRRR!) so I have the links below for my public Skydrive file storage. I use the free Kompozer HTML/Webpage compiler, so I can easily add whatevere changes you tell me to. The first link is to the WORD document with the souce code for the Menu, and the second link is the actual HTML file so you can see how it displays in a browser. Thank you for your time and any help you can give! Word code document; https://cid-e3d0ca8f10af896f.skydrive.live.com/self.aspx/Public/Menu%20Tab%20Code.doc HTML file; https://cid-e3d0ca8f10af896f.skydrive.live.com/self.aspx/Public/finishedmenu1.html
Post your code for the css used without seening the code, try taking the justified out and just use centered.
I will edit and erase this code once I get it fixed, so as to not take up too much room. Here is the unaltered code; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Free CSS Navigation Menu Designs 1 at exploding-boy.com</title> <style type="text/css"> <!-- body { margin:0; padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } /*- Menu Tabs E--------------------------- */ #tabsE { float:left; width:100%; background:#000; font-size:93%; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url("tableftE.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url("tabrightE.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } #tabsE #current a { background-position:0% -42px; } #tabsE #current a span { background-position:100% -42px; } --> </style> </head> <body> <div id="tabsE"> <ul> <!-- CSS Tabs --><li><a href="http://www.modernwarfare2hq.com/forum"><span>FORUM</span></a></li> <li><a href="http://www.modernwarfare2hq.com/news"><span>LATEST NEWS</span></a></li> <li><a href="http://www.modernwarfare2hq.com/gallery"><span>GALLERY</span></a></li> <li><a href="http://www.modernwarfare2hq.com/gear"><span>GET THE GEAR!</span></a></li> <li><a href="http://www.modernwarfare2hq.com/links"><span>MW2 LINKS</span></a></li> <li id="current"><a href="http://www.modernwarfare2hq.com/donate"><span>DONATIONS</span></a></li> <li><a href="http://www.modernwarfare2hq.com/contactus"><span>CONTACT US</span></a></li> </ul> </div> </body> </html>