Аркейд
Код:<style> .container1 {width: 900px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; margin-left: 230px; height: 40px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 0px; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; border-right: 1px dotted #000000; border-left: 1px dotted #000000; margin-bottom: -2px; background: url(); overflow: hidden; position: relative; font-size: 14px;} ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active a:hover { background: url(); border-bottom: 0px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 900px; height: 343px; background-image : url(); background-color: #FFFFFF; border-bottom: 1px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000; } </style>.tab_container1 {
clear: both;
float: left;
width: 900px;
height: 343px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;Здесь можно поставить фон таблицы
Код:<script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>
Код:<center><div class="container"> <div class="html-box"> <ul class="tabs"> <li class="active"><a href="#tab1">О нас</a></li> <li><a href="#tab2">Игровая сводка</a></li> <li><a href="#tab3">Форумная жизнь</a></li> <li><a href="#tab4">Активисты и амс</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <table border="0" cellpadding="0" height="350" width="860"> <tbody> <tr> <td rowspan="2" width="350"> <br /> <div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 410px;"> <left><font face="verdana"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div> </td> <td height="100"> <center> <br /> <br /> <div align="center" style="overflow: auto; overflow-x: hidden; width: 320px; height: 90px; margin-bottom: 48px; padding: 1px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div> </center> </td> </tr> <tr> <td> <div align="left" style="height: 160px;margin-left: 29px;margin-top: 2px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 255px;"> <div class="submenutext" id="sm4"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div> </div> </td> </tr> </tbody> </table> </div> <div class="tab_content" id="tab2" style="display: block;"> <table border="0" cellpadding="0" height="350" width="860"> <tbody> <tr> <td rowspan="2" width="270"> <br /> <div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 270px;"> <left><font face="verdana">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div> </td> <td rowspan="2" width="270"> <br /> <div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 270px;"> <left><font face="verdana"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div> </td> <td height="100"> <center> <br /> <br /> <div align="center" style="overflow: auto; overflow-x: hidden; width: 320px; height: 90px; margin-bottom: 48px; padding: 1px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div> </center> </td> </tr> <tr> <td> <div align="left" style="height: 160px;margin-left: 29px;margin-top: 2px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 255px;"> <div class="submenutext" id="sm4"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div> </div> </td> </tr> </tbody> </table> </div> <div style="display: none;" id="tab3" class="tab_content"> <table border="0" cellpadding="0" height="350" width="860"> <tbody> <tr> <td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> <td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> <td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> </tr> <tr> <td colspan="3" style="text-align: center; height: 170px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 860px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> </tr> </tbody> </table> </div> <div style="display: none;" id="tab4" class="tab_content"> <table border="0" cellpadding="0" height="350" width="860"> <tbody> <tr> <td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> <td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> <td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td> </tr> </tbody> </table> </div>