tabbed menu

**pioneer1970** · 12-17-2008, 12:23 AM

i'm useing Uber Round Color Tabs is there anyway i can put it in the center of my page

**Schmoopy** · 12-17-2008, 12:26 AM

The most basic way would be to use:

Code:

#menu{
text-align:center;
}

in your css for the menu, a link to your site would be useful if this doesn't work though.

**bluewalrus** · 12-17-2008, 12:26 AM

I have no idea what that means, more specific, maybe link or code?

**pioneer1970** · 12-17-2008, 12:33 AM

heres the code

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding:0;
width: 100%;
overflow: hidden;
background: transparent;

}

.ubercolortabs ul{
font: bold 9px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}

.ubercolortabs a{
float: left;
color: white;
background: #804000 url(images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float:none;
}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 0%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>

**bluewalrus** · 12-17-2008, 01:11 AM

I need the html as well I don't know what is where.

**pioneer1970** · 12-17-2008, 01:19 AM

if you need more of the html let me know

</head>

<body background="images/SimpleCross1024.jpg" alink="#d2691e" link="#d2691e" vlink="#d2691e" text="#d2691e" >
<center><table border="0" cellpadding="0" cellspacing="15" summary="" width="0%">
<tbody>
<tr>
<td><center><img alt="goldcros[1] (16K)" src="images/goldcros[1].gif" height="75" width="55"></center><td></td>
<td><center><font face="Black Chancery" size="7" >God's Grace Saves</font></center></td>
<td><center><img alt="goldcros[1] (16K)" src="images/goldcros[1].gif" height="75" width="55" ></center></td>
</tr></tbody>
</table></center><br>

<div class="ubercolortabs">
<ul>
<li><a href="index.htm" style="margin-left: 12px"><span>Home</span></a></li>
<li><a href="whatwebelieve.htm"><span>Statement Of Faith</span></a></li>
<li><a href="prayerlist.htm"><span>Prayer list</span></a></li>
<li><a href="testimonies.htm"><span>Testimonies</span></a></li>
<li><a href="praise.htm"><span>Praise</span></a></li>
<li><a href="biblequiz.htm"><span>Quiz</span></a></li>
<li><a href="http://godsgracesaves.com/forum"><span>Community</span></a></li>
<li><a href="links.htm"><span>Links</span></a></li>
<li><a href="credits.htm"><span>Credits</span></a></li>
<li><a href="contact.htm"><span>Contact</span></a></li>

</ul>
</div>

<div class="ubercolordivider"> </div>

**bluewalrus** · 12-17-2008, 01:40 AM

You can try this... No idea how it will really look, an idea. Schmoopy's applied...

.ubercolortabs{
padding:0;
overflow: hidden;
background: transparent;
text-align:center;
width:100%}