Проблем с код

rumchi

Registered
Играх си да преписвам един код от една книга. Преди малко ми помогнаха да си оправя единият код и сичко си е 6, няма грешки. Но ето че имам следният проблем

index.php
Код:
<?php
require_once("tabs.php");
?>
<html>
<head>
<?php tabs_header(); ?>
</head>
<body>
<div style="width:600px;">
<?php tabs_start(); ?>
<?php tab("Tab One"); ?>
This is the first tab.
<?php tab("Tab Two"); ?>
This is second tab.
<?php tabs_end(); ?>
</div>
</body>
</html>

tabs.php
Код:
<?php 
$tabs = array(); 

function tabs_header() 
{ 
?> 
<style type="text/css"> 
.tab { 
border-bottom: 1px solid black; 
text-align: center; 
font-family: arial, verdana; 
} 
.tab-active { 
border-left: 1px solid black; 
border-top: 1px solid black; 
border-right: 1px solid black; 
text-align: center; 
font-family: arial, verdana; 
font-weight: bold 
} 
.tab-content { 
padding: 5px; 
border-left: 1px solid black; 
border-right: 1px solid black; 
border-bottom: 1px solid black; 
} 
</style> 
<?php 
} 

function tabs_start() 
{ 
ob_start(); 
} 
function endtab() 
{ 
global $tabs; 

$text = ob_get_clean(); 
$tabs[ count( $tabs ) -1 ][ 'text' ] = $text; 

ob_start(); 
} 

function tab( $title ) 
{ 
global $tabs; 

if ( count( $tabs ) > 0 ) 
endtab(); 

$tabs []= array( 
title => $title, 
text => "" 
); 
} 

function tabs_end() 
{ 
global $tabs; 

endtab(); 
ob_end_clean(); 

$index = 0; 
if ($_GET['tabindex']) { 

?> 
<table width="100%" cellspacing="0" cellpadding="0"> 
<tr> 
?php 
$baseuri = $_SERVER['REQUEST_URI']; 
$baseuri = preg_replace( "/\?.*$/", "", $baseuri ); 
$curindex = 0; 
foreach( $tabs as $tab ) 
{ 
$class = "tab"; 
if ( $index == $curindex ) 
$class ="tab-active"; 

?> 
<td class="<?php echo($class); ?>"> 
<a href="<?php echo( $baseuri."?tabindex=".$curindex ); ?>"> 
<?php echo( $tab['text'] ); ?> 
</a> 
</td> 
<?php 
$curindex += 1; 
} 
?> 
</tr> 
<tr><td class="tab-content" colspan"<?php echo( count( $tabs ) + 1 ); ?>"> 
</td></tr> 
</table> 
<?php 
} 
?>

И ми дава празен прозореца: http://95.169.203.168/tabs/
Някакви идеи как до го оправя.
Идеята е да се получи нещо като:
http://g.imagehost.org/0269/Untitled_4.jpg
 
Не виждам как с десетина ред CSS (и то в който няма нищо и само се повтаря бордерите...) ще постигнеш тва дето искаш, доста още ше тряа се потрудиш.Не очаквай някой да ти го напише ей така на добра воля!!!
 
Преди да започнеш проекта ще е добре да ресетнеш стиловете на бразузерите, защото може да се получи разминаване под различните браузери.
Затова си направи един ресет CSS файл, да речем нещо такова например, имай в предвид, че съм го сглобявал от мрежата:
reset.css
Код:
@charset "windows-1251";

html, body { height: 100%; }
html{
width: 100%;
margin-bottom: 1px;
}

*,html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, table, tr, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

a:active {outline: none;}

a img,:link img,:visited img { border:none }
ul,ol { list-style:none }

body { font: 100%/1.25 arial, helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
font-size:100%;
}


/* ############ CLEAR ############ */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ############ END CLEAR ############ */


hr {
border: 0;
height: 1px;
background: black;
color: black;
}

input[type=hidden]
{
display: none !important;
visibility: hidden;
height:0px;
border:0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:absolute;
}

table {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table tr td {vertical-align: top;}

След това можеш да импортнеш този файл към основния ти CSS-файл, като използваш следната команда:
Код:
@import url( "reset.css" );

След това вече се забавлявай спокойно с таблиците или с слоевете(<div>).
 

Горе