PDA

View Full Version : Tabbing Question help me pls!



minibug
12-19-2007, 08:03 AM
Hi All,

I am doing a tabber for switching contents, the interface and code below.
Question :
i try to adjust the test alignment and add the <div>Add New</div> button align the right side but i am fail

anybody have the sample site or can help me modify it, thanks a millions!

http://power.efeedlink.com/minibug/tabbing.gif



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>tabber</title>
<style>
BODY {
color: #333;
font-family: arial, geneva, lucida, sans-serif;
font-size:83.333%;

margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}

#topnav {
margin:0;
margin-top:6px;
padding: 0 0 0px 0px;

}

#topnav UL {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#topnav LI {
display: block;
margin: 0;
padding: 0;
padding-right:3px;
float:left;
width:auto;
}

#topnav span.static {
color:#444;
display:block;
text-decoration:none;
background: #ffffff;
margin:8px 0 0 0;
padding: 4px 8px;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
}

#topnav span.actived {
color:#444;
display:block;
text-decoration:none;
background: #ffffff;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;


position:relative;
z-index:102;
margin:0;
padding: 0px 0px 16px 12px;
background: #ffffff;
font-weight:bold;
}

#subnav {
position:relative;
top:-1px;
z-index:101;
margin:0;
padding: 0px 0 3px 0;
background: #ffffff;
border:1px solid gray;
}

#topnav BR {
clear:both;
}
</style>
</head>

<body>
<div id="topnav">
<ul>
<li><span class="static">Home</span></li>
<li><span class="static">About</span></li>
<li><span class="actived"><span style="padding-right:2px; padding-top:10px">News</span><img src="images/btn_tab_close.gif" width="10" height="10" border="0" align="texttop" style="cursor:pointer;" onClick="closeTab();"></span></li>
<li><span class="static">Proof</span></li>
<li><span class="static">Process</span></li>
<li><span class="static">Expertise</span></li>
<li><span class="static">Help</span></li>
</ul>
<br>
</div>
<div id="subnav">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="200" class="blackHdrTitle" align="center">News Here</td>
</tr>
</table>
</div>

</body>
</html>