Bawię się w tworzenie stron w wolnym czasie i traktuje to jako hobby. Udało mi się zrobić system newsów z komentarzami, ale strona zawierała dużo błędów, więc postanowiłem zrobić ją od nowa. Zrobiłem prosty layout, "pokroiłem", i chciałem zrobić sobie menu w taki sposob, że menu to jedna komórka z głównego szkieletu, a w tej komórce jest inna tabela (zrobiłem tak, ponieważ chce zrobić pełne zarządzanie panelem menu w php - to już nie będzie trudne). Patrzcie jaki napotkałem błąd. Strona wygląda tak:
Na obrazku zaznaczyłem miejsce, w którym źle wyświetla się strona. Chodzi o ten duży odstęp.
Kod strony:
-index.php
Kod
<?php
include('head.php');
?>
<body>
<table align="center" valign="top" width="799" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="logo">
<?php
include('logo.php');
?>
</td>
</tr>
<tr>
<td class="menu" weight="164" valign="top" align="left">
<?php
include('menu.php');
?>
</td>
<td class="glowna" weight="471" valign="top" align="left">
GŁÓWNA
</td>
<td class="panel" weight="164" valign="top" align="left">
PANEL
</td>
</tr>
</table>
</body>
include('head.php');
?>
<body>
<table align="center" valign="top" width="799" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="logo">
<?php
include('logo.php');
?>
</td>
</tr>
<tr>
<td class="menu" weight="164" valign="top" align="left">
<?php
include('menu.php');
?>
</td>
<td class="glowna" weight="471" valign="top" align="left">
GŁÓWNA
</td>
<td class="panel" weight="164" valign="top" align="left">
PANEL
</td>
</tr>
</table>
</body>
style.css
Kod
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
font-size: xx-small;
color: blue;
}
table
{
font-size: xx-small;
}
A:active {text-decoration: none; color: black; Font-family: Verdana;}
A:link {text-decoration: none; color: #444444; Font-family: Verdana;}
A:visited {text-decoration: none; color: black; Font-family: Verdana;}
A:hover {text-decoration: none; color: #444444; Font-style: Underline; Font-family: Verdana;}
table
{
background-image: url(grafika/tlo.jpg);
background-repeat: repeat;
}
td.menugora
{
background-image: url(grafika/menugora.jpg);
background-repeat: none;
}
td.menusrodek
{
background-image: url(grafika/menusrodek.jpg);
background-repeat: repeat;
border: 1px solid white;
}
td.glowna2
{
background-image: url(tlo2.gif);
background-repeat: repeat-x;
background-color: #818181;
}
td.stopka2
{
background-color: #818181;
}
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
font-size: xx-small;
color: blue;
}
table
{
font-size: xx-small;
}
A:active {text-decoration: none; color: black; Font-family: Verdana;}
A:link {text-decoration: none; color: #444444; Font-family: Verdana;}
A:visited {text-decoration: none; color: black; Font-family: Verdana;}
A:hover {text-decoration: none; color: #444444; Font-style: Underline; Font-family: Verdana;}
table
{
background-image: url(grafika/tlo.jpg);
background-repeat: repeat;
}
td.menugora
{
background-image: url(grafika/menugora.jpg);
background-repeat: none;
}
td.menusrodek
{
background-image: url(grafika/menusrodek.jpg);
background-repeat: repeat;
border: 1px solid white;
}
td.glowna2
{
background-image: url(tlo2.gif);
background-repeat: repeat-x;
background-color: #818181;
}
td.stopka2
{
background-color: #818181;
}
menu.php
Kod
<table cellspacing="1" cellpadding="0">
<tr>
<td class="menugora" width="164" height="22"><font color=white size="2"><b> Menu:</b></font></td>
</tr>
<tr>
<td class="menusrodek">
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
</td>
</tr>
</table>
<tr>
<td class="menugora" width="164" height="22"><font color=white size="2"><b> Menu:</b></font></td>
</tr>
<tr>
<td class="menusrodek">
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
<div> <img src="grafika/kropka.gif" />pozycja</div>
</td>
</tr>
</table>
Wiecie, gdzie jest problem? Tu chodzi o samą konstrukcję tabeli, a nie o zawartość komórek - tak mi się wydaje. Licze na Was. Z góry dzięki za pomoc.
