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!
Code:<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>




Reply With Quote
Bookmarks