I am using a theme designed by someone else. Just bellow the header are oval buttons and on each is the name of one of my pages. When I add a page, another button appears. But if I add too many pages, I run out of space for new buttons. The HTML for the buttons (I think) from the style.scc page is copied below. How and where do I tell the program to add a second line of buttons as I add new pages?
#menu{ position:relative; height:36px; width:896px; background:url(img/nav_bg.jpg) top center no-repeat; padding: 0px; margin:0px; overflow:hidden;}
#tabs { font-size:100%; line-height:normal; margin: 0px 8px 0px 8px; width:880px; height: 36px;clear:both; overflow:hidden;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: arial; font-size: 14px; height: 42px;}
#tabs li { display:inline; margin:0; padding:0; height: 36px;}
#tabs a { float:left; background:url(img/tab.jpg) no-repeat left top; margin:0px 0px 0px 0px; padding:0 0 0 15px; text-decoration:none; height:42px; }
#tabs a span { float:left; display:block; background:url(img/tab2.jpg) no-repeat right top; padding:10px 15px 12px 0px; color: #003399; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -42px; color: #000000; }
#tabs a:hover span { background-position:100% -42px; color: #000000; }
#tabs .current_page_item a { background-position:0% -42px; }
#tabs .current_page_item a span { background-position:100% -42px;}
#menu{ position:relative; height:36px; width:896px; background:url(img/nav_bg.jpg) top center no-repeat; padding: 0px; margin:0px; overflow:hidden;}
#tabs { font-size:100%; line-height:normal; margin: 0px 8px 0px 8px; width:880px; height: 36px;clear:both; overflow:hidden;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: arial; font-size: 14px; height: 42px;}
#tabs li { display:inline; margin:0; padding:0; height: 36px;}
#tabs a { float:left; background:url(img/tab.jpg) no-repeat left top; margin:0px 0px 0px 0px; padding:0 0 0 15px; text-decoration:none; height:42px; }
#tabs a span { float:left; display:block; background:url(img/tab2.jpg) no-repeat right top; padding:10px 15px 12px 0px; color: #003399; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -42px; color: #000000; }
#tabs a:hover span { background-position:100% -42px; color: #000000; }
#tabs .current_page_item a { background-position:0% -42px; }
#tabs .current_page_item a span { background-position:100% -42px;}