Средната колона ми бяга надолу.

chepa

Registered
Значи имам лява и средна колона. Направил съм ги с таблици, но съм напавил лявата да ми е в header.php, а средната в index.php като съм include хедъра в индекса, но ми бяга лявата колона надолу.

Ако не сте ме разбрали мога да дам демо или снимка на ЛС.

Ето и кода:

header.php

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="bg" xml:lang="bg">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta content="alter play alternative alternative-play alter-play cs counter strike" name="keywords" />
<meta content="All about CS" name="description" />
<title>
<?php
$title[] = "";
$title[] = "";
$title[] = "The best servers ever";
$title[] = "";
$rand = $title[array_rand($title)];
echo $rand;
?>
</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
		$(document).ready(function() {
			$(".fadeNext").click(function(){
  				$(this).next().fadeSliderToggle()
 				 return false;
 			})
 		});
 		</script>
		<style>
			.fader{opacity:0;display:none;}
		</style>
		
</head>
<Body>

<?php
include('include.php');
$iduser=$user->data['user_id'];
$username=$user->data['username'];
$group23=$user->data['group_id'];
$warnings=$user->data['user_warnings'];
$avatar=$user->data['user_avatar'];
$posts=$user->data['user_posts'];
$no_msg=$user->data['user_unread_privmsg'];
$yes_msg=$user->data['user_new_privmsg'];
$sesid=$user->data['session_id'];

//ONLINE STATS
$sq = time();
$prtime=$sq-300;
mysql_query("DELETE FROM `stats_online` WHERE posledno <=$prtime");
$stats_onliepr = "SELECT * FROM `stats_online` WHERE username='$username'";
if(mysql_num_rows(mysql_query($stats_onliepr))<1)
{
$stats_onlinein = "INSERT INTO `stats_online` (`username`, `posledno`, `forumid`, `groupid`) VALUES ('$username', '$sq', '$iduser', '$group23')";
mysql_query($stats_onlinein);
}
//ONLINE STATS

?>
<center>
<div class="head"></div>
<div style="height: 3px;"></div>
<div class="menu">
<div style="padding-left: 10px; padding-top: 6px;">
<table>
<tr>
<td ><img src="images/icons/home.png" /></td><td><a href="">Начало</a></td>
<td></td>
<td><img src="images/icons/forum.png" /></td><td><a href="index.php">Форум</a></td>
<td></td>
<td ><img src="images/icons/server.png" /></td><td><a href="index.php">Сървъри</a></td>
<td ></td>
<td ><img src="images/icons/banlist.png" /></td><td><a href="index.php">Банлиста</a></td>
<td></td>
<td ><img src="images/icons/sms.png" /></td><td><a href="index.php">Смс Система</a></td>
<td></td>
<td ><img src="images/icons/admin.png" /></td><td><a href="index.php">Сървър админи</a></td>
<td></td>
<td ><img src="images/icons/team.png" /></td><td><a href="index.php">Екип</a></td>
<td></td>
<td ><img src="images/icons/baner.png" /></td><td><a href="index.php">Банери</a></td>
<td></td>
<td ><img src="images/icons/contact.png" /></td><td><a href="index.php">Контакти</a></td>
</tr>
</table>
</div>
</div>
<div align="left"class="body">
<br/>

<table width="20%">
<tr>
<td><div class="menu-left1"><img src="images/icons/user_panel.png" style="margin-left: 25px; margin-top: 3px;"/></div></td>
<td><div class="menu-left2"><b class="panel"><div style="padding-top: 10px;">Потребителски Панел</div></b></div></td>
</tr>
<tr>
<td colspan="3">
<div class="top1"></div>
<div class="center">
<?php
      if ($user->data['user_id'] == ANONYMOUS)
         {
		 		 echo "<center>";
         echo"
         <form action=\"". append_sid("{$phpbb_root_path}ucp.$phpEx", 'mode=login', true, $user->session_id) . "\" method=\"post\">
         <input type=\"hidden\" name=\"mode\" value=\"login\" />
           <b>Потребителско име:</b>
		<br/><input type=\"text\"  name=\"username\" />
        <br/> <b>Парола:</b>
		 <br/><input type=\"password\" name=\"password\" />
<br/><br/>
         <input type=\"hidden\" name=\"autologin\" value=\"1\" />
         <input type=\"submit\" value=\"Влез\" name=\"login\" /><br/>
         <input type=\"hidden\" name=\"redirect\" value=\"../\" /><br/>
         <a class='box'href=\"../forum/ucp.$phpEx?mode=register\" >Регистрирай се  </a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
         <a class='box' href=\"../forum/memberlist.php\" >Потребители</a>  
		 </form>
         ";
		 		 echo "</center>";
         }
         else
         {
echo "<b class='users'>Добре дошъл:&nbsp&nbsp</b><a class='box2' href='forum/memberlist.php?mode=viewprofile&u=$iduser'>$username</a>";
echo "<br/>";
echo "<br/>";
if(strstr($avatar,"http")) // proverqva dali ima http t.e dali e url
{
echo "<img src=".$avatar," alt='Твоят аватар' />";

}elseif($avatar == NULL){
echo "<img src='images/no_avatar.jpg' alt='Твоят аватар' />";
}
else // v protiven slu4ai e snimka i q vzemi ot foruma
{
echo "<img src=\"$phpbb_root_path/download/file.php?avatar=".$avatar."\" alt=\"Твоят аватар\"/>";
 }
 $kurec = $_SESSION['username'];
$level = $user->data['group_id'];
//$color = $user->data['group_colour'];
$sql = "SELECT * FROM `phpbb_groups` WHERE `group_id` = '$level'";
$reed=mysql_fetch_assoc(mysql_query($sql));
$color = $reed[group_colour];
$level8 = $reed[group_id];
$gname = $reed[group_name];

if($level == "$level8") { $level = "<b class= 'dagoqde6' style=\"color: #$color\">$gname</b>"; }
/*if($level == "4") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Модератор</b>"; }
if($level == "14") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Сървър Админ</b>"; }
if($level == "15") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Хостер</b>"; }
if($level == "7") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Потребител</b>"; }
if($level == "2") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Потребител</b>"; }
if($level == "12") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">VIP</b>"; }
if($level == "13") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Спонсор</b>"; }
if($level == "10") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Екип Заявки</b>"; }
if($level == "11") { $level = "<b class= 'dagoqde6'\" style= \"color: #$color\">Екип Карти</b>"; }
if($level == "9") { $level = "<b class= 'dagoqde6' style= \"color: #$color\">Екип Уроци</b>"; }
*/
echo "<center>";
echo "<table>";
echo "<tr>";
echo "<td><img src='images/icons/other/rank.png' /></td><td><b class='users'>Ранг:&nbsp</b>$level</center></td>";
echo "</tr>";
echo "<tr>";
echo "<tr>";
echo "<td><img src='images/icons/other/post.png' /></td><td><b class='users'>Постове:&nbsp</b><a class='box2' href='forum/search.php?author_id=$iduser&sr=posts'>$posts</a></center></td><br/>";
echo "</tr>";
echo "<tr>";
echo "<td><img src='images/icons/other/error.png' /></td><td><b class='users'>Предупреждения:&nbsp</b><b class='hui'>$warnings</b></center></td><br/>";
echo "</tr>";
echo "<tr>";
if($no_msg == "0"){
echo "<td><img src='images/icons/other/email.png' /></td><td><b class='hui'>Нямате нови лични съобщения!</b></td>";
}else{
echo "<td><img src='images/icons/other/email.png' /></td><td><a href='/forum/ucp.php?i=pm&folder=inbox' class='hui4e'><br/>".$yes_msg." "."Съобщения</a></center></td>";
}
echo "</tr>";
echo "</table>";
		 		          echo"
         <form action=\"". append_sid("{$phpbb_root_path}ucp.$phpEx", 'mode=logout', true, $user->session_id) . "\" method=\"post\">
 <input style=\"background-color: #CCCCCC; border: 1px solid black;\" type=\"submit\" value=\"Излез [ ".$user->data['username']." ]\" name=\"logout\" />
		 <input type=\"hidden\" name=\"mode\" value=\"logout\" />
         </form>
         ";
         }

?><br/></div>
<div class="bottom"></div></td>
</tr>

<td><div class="menu-left1"><img src="images/icons/statistic.png" style="margin-left: 25px; margin-top: 3px;"/></div></td>
<td><div class="menu-left2"><b class="panel"><div style="padding-top: 10px;">Статистика</div></b></div></td>
</tr>
<tr>

<td colspan="3">
<div class="top1"></div>
<div class="center"></div>
<div class="bottom"></div></td>
</tr>
<tr>

<td><div class="menu-left1"><img src="images/icons/chat.png" style="margin-left: 25px; margin-top: 3px;"/></div></td>
<td><div class="menu-left2"><b class="panel"><div style="padding-top: 10px;">Чат</div></b></div></td>
</tr>
<tr>

<td colspan="3">
<div class="top1"></div>
<div class="center">

<div class="bottom"></div></td>

Ето и index.php

Код:
<?php include 'header.php'; ?>


<td style="vertical-align: top;">
<td><div class="menu-center1"><img src="images/icons/news.png" style="margin-left: 35px; margin-top: 3px;"/></div></td><td><div class="menu-center2"><b class="panel"><div style="padding-top: 10px;">Новина</div></b></div></td>
</tr>
</table>
 
МОжеше просто да дадеш едно голо демо в някой хост като Hit.bg и щеше доста лесно да ти се отговори .
 
Постави valign="top" на <td> и ще се вдигне най-отгоре :)

Пример:
<td valign="top">

Тази подредба със таблици не е много правилна по-добре ползвай div-ове
 
big_boy каза:
Постави valign="top" на <td> и ще се вдигне най-отгоре :)

Пример:
<td valign="top">

Тази подредба със таблици не е много правилна по-добре ползвай div-ове

Преди карах на дивове, но някакси с таблици ми се струва по - лесно :)

Може да видиш какво стана като го направих


Пробвах така:

Код:
<td style="vertical-align: top;">
<td valign="top"><div class="menu-center1"><img src="images/icons/news.png" style="margin-left: 35px; margin-top: 3px;"/></div></td><td><div class="menu-center2"><b class="panel"><div style="padding-top: 10px;">Новина</div></b></div></td>

и така

Код:
<td valign="top"><div class="menu-center1"><img src="images/icons/news.png" style="margin-left: 35px; margin-top: 3px;"/></div></td><td><div class="menu-center2"><b class="panel"><div style="padding-top: 10px;">Новина</div></b></div></td>
 
ползваш tr на чата и само до него може да го дигнеш пренапи6и си кода ;)

Edit: ето ти урок как да го направиш със div-ове http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
 
Не знам дали го знаеш, за това да изясним: <tr> вкарва нов ред в таблицата, а <td> вкарва нова колона (клетка) в таблицата.
Дай й на централната таблица [css]style="float: right;"[/css]
Ако пак не стане дай на всичките таблици border='1', за да видим до къде се простира всъщност таблицата и от там да помислим какво да се прави.
 
DeathGuard_ каза:
Не знам дали го знаеш, за това да изясним: <tr> вкарва нов ред в таблицата, а <td> вкарва нова колона (клетка) в таблицата.
Дай й на централната таблица [css]style="float: right;"[/css]
Ако пак не стане дай на всичките таблици border='1', за да видим до къде се простира всъщност таблицата и от там да помислим какво да се прави.

Сложих, както и сложих бордер 1. Ако го сложа в header.php това от индекса горе при първата колона си застава както трябва, но тогава не ми върши работа... В краен случай ще почна наново да пробвам
 
Защо не пробваш да свържеш първата ляеа колон о централната да видим как ще се получи (примерно двете да са в едно и също [css]<tr>[/css]
 
DeathGuard_ каза:
Защо не пробваш да свържеш първата ляеа колон о централната да видим как ще се получи (примерно двете да са в едно и също [css]<tr>[/css]

Така става може да погледнеш.Така ясно, че може да го свържа, но аз исках средната колона да ми е в индекса,а в хедъра само лявата, а така и двете са в хедъра.
 
DeathGuard_ каза:
Не разбрах? Как така в хедъра/ в индекса?


Сега в момента се намира на место защото направих следното нещо:


Хедъра изглеждаше така:


Код:
<table width="20%" border="0">
<tr>
<td><div class="menu-left1"><img src="images/icons/user_panel.png" style="margin-left: 25px; margin-top: 3px;"/></div></td>
<td><div class="menu-left2"><b class="panel"><div style="padding-top: 10px;">Потребителски Панел</div></b></div></td>
</tr>

И аз добавих към него

Код:
<td style="float: right;"><div class="menu-center1"><img src="images/icons/news.png" style="margin-left: 35px; margin-top: 3px;"/></div></td><td><div class="menu-center2"><b class="panel"><div style="padding-top: 10px;">Новина</div></b></div></td>

Демек това, което беше в индекса и си дойде на место и се получи това:

Код:
<tr>
<td><div class="menu-left1"><img src="images/icons/user_panel.png" style="margin-left: 25px; margin-top: 3px;"/></div></td>
<td><div class="menu-left2"><b class="panel"><div style="padding-top: 10px;">Потребителски Панел</div></b></div></td>
<td style="float: right;"><div class="menu-center1"><img src="images/icons/news.png" style="margin-left: 35px; margin-top: 3px;"/></div></td><td><div class="menu-center2"><b class="panel"><div style="padding-top: 10px;">Новина</div></b></div></td>
</tr>
 
И проблемът е? Също да те питам защо в <td> слагаш и <div>. Можеш да си сложиш style-а и въобще css настройките и в <td class="some">. Тоест див-а става излишен.
 
DeathGuard_ каза:
И проблемът е? Също да те питам защо в <td> слагаш и <div>. Можеш да си сложиш style-а и въобще css настройките и в <td class="some">. Тоест див-а става излишен.


Навик. Проблема е там, че това което сложих в хедъра като код трябва всъщност да е в индекса и на него да е include хедъра, но така пък става ефекта, който видяхме преди, че пада под статистиката колоната и не може да се дръпне нагоре
 
Оправих се :lol:

Благодаря на всички, който се опитаха да помогнат :)
 

Горе