Проблем при HTML/CSS меню

reletobg

Registered
Здравеите преди няколка дена си направих сайт който все още има много работа по него http://mp4music.phpnet.us/.В момента правя менюто да се изравни с хедъра ,но когато му дадох width се получи много странно пространство което немога да оправя.Някои можили да ми помогни?
Ето ви демо:http://test-index.phpnet.us/
Проблемат е както виждате това разтояние(1px) което се получаво до "Начало".

index.php
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta name="keywords" content="видео, музика, текстове, текстове от песни, албуми">
		<meta name="description" content="В mp4music.phpnet.us ще намерите голямо количество видео,музика,текстове от песни,албуми и всичко това безплатно.">
		<meta name="author" content="Тенчо Тодоров">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>.::Mp4Music-BG::.</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/favicon.png" rel="icon" type="image/x-icon">
</head>

<body><table align="center">
  <tr><td  width="814">
  <table border="0" cellpadding="0" cellspacing="0" class="header">
    <tr>
        <td><div align="center"><font face="Verdana" size="7"></font></div></td>
    </tr>
  </table>
  <table cellpadding="0" cellspacing="0">
    <tr>
      <td class="spacer_cell"></td>
    </tr>
  </table>
  <table width="858px border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
	<table width="858px" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="11"><img src="images/menu_left_corner.png" width="11" height="34" alt="menu_left_corner"></td>
        <td width="748" class="top_menu_bg">
			<table border="0" align="left" cellpadding="0" cellspacing="0" class="menu_text">
				<tr>
		    <td><img src="images/menu_item_devider.jpg" alt="menu_item_devider"></td>
            <td class="top_menu_cell_active"><a href="index.php" class="topmenu">Начало</a></td>
            <td><img src="images/menu_item_devider.jpg" alt="menu_item_devider"></td>
            <td class="top_menu_cell" ><a href="registera.php" class="topmenu">Регистрация</a></td>
            <td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
            <td class="top_menu_cell"><a href="music.php" class="topmenu">Музика</a></td>
            <td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
            <td class="top_menu_cell"><a href="top_10.php" class="topmenu">Топ 10</a></td>
            <td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
            <td class="top_menu_cell"><a href="forum.php" class="topmenu">Форум</a></td>
			<td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
            <td class="top_menu_cell"><a href="about.php" class="topmenu">BG Top</a></td>
            <td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
			<td class="top_menu_cell"><a href="addlink.php" class="topmenu">Качи песен</a></td>
			<td><img src="images/menu_item_devider.jpg"alt="menu_item_devider"></td>
            <td> </td>
				</tr>
			</table>
		</td>
        <td width="53"><img src="images/menu_right_corner.jpg" width="11" height="34" alt="menu_right_corner"></td>
      </tr>
    </table>
	</td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0">
      <tr> 
        <td class="spacer_cell"></td>
      </tr>
    </table>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <table width="814" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="top"><table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="images/zn_15.jpg" width="10" height="9" alt="zn_15"></td>
              <td><img src="images/zn_16.jpg" width="162" height="9" alt="zn_16"></td>
              <td><img src="images/zn_17.jpg" width="11" height="9" alt="zn_17"></td>
            </tr>
            <tr>
              <td width="10" class="goldmenu_line"> </td>
              <td class="leftmenu"><table width="150" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="leftmenu_title">Бързо Меню</td>
                  </tr>
                  <tr>
                    <td><ul>
                        <li><a href="index.php" class="leftmenuactive">Начало</a></li>
                        <li><a href="registera.php">Регистрация</a></li>
                        <li><a href="music.php">Музика</a></li>
                      <li><a href="forum.php">Форум</a></li>
                      <li><a href="top_10.php">Топ 10</a></li>
                      <li><a href="search.php">Търсене</a></li>
                      <li><a href="pravila.php">Правила на сайта</a></li>
                      <li><a href="admin.php">Админ панел</a></li>
                    </ul></td>
                  </tr>
              </table></td>
              <td class="goldmenu_line2"> </td>
            </tr>
            <tr>
              <td><img src="images/zn_28.jpg" width="10" height="11" alt="zn_28"></td>
              <td><img src="images/zn_29.jpg" width="162" height="11" alt="zn_29"></td>
              <td><img src="images/zn_30.jpg" width="11" height="11" alt="zn_30"></td>
            </tr>
          </table>
		  <table cellpadding="0" cellspacing="0">
    <tr>
      <td class="spacer_cell"></td>
    </tr>
  </table>
  
  
		  <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="images/zn_15.jpg" width="10" height="9" alt="zn_15"></td>
              <td><img src="images/zn_16.jpg" width="162" height="9" alt="zn_16"></td>
              <td><img src="images/zn_17.jpg" width="11" height="9" alt="zn_17"></td>
            </tr>
            <tr>
              <td width="10" class="goldmenu_line"> </td>
              <td class="leftmenu"><table width="150" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="leftmenu_title">Музика</td>
                  </tr>
                  <tr>
                    <td><ul>
                        <li><a href="songs.php?gener=1">House</a></li>
                        <li><a href="songs.php?gener=2">Dance</a></li>
                        <li><a href="songs.php?gener=3">Club</a></li>
                      <li><a href="songs.php?gener=4">Techno</a></li>
                      <li><a href="songs.php?gener=5">Electronic</a></li>
                      <li><a href="songs.php?gener=6">Trance</a></li>
                      <li><a href="songs.php?gener=7">Drum'n'Bass</a></li>
                      <li><a href="songs.php?gener=8">Hip-Hop</a></li>
                      <li><a href="songs.php?gener=9">Rap</a></li>
                      <li><a href="songs.php?gener=10">R&B</a></li>
                      <li><a href="songs.php?gener=11">Metal</a></li>
                      <li><a href="songs.php?gener=12">Rock</a></li>
                      <li><a href="songs.php?gener=13">Поп-Фолк</a></li>
                    </ul></td>
                  </tr>
                  <tr>
                    
              </table></td>
			  
              <td class="goldmenu_line2"> </td>
            </tr>
            <tr>
              <td><img src="images/zn_28.jpg" width="10" height="11" alt="zn_28"></td>
              <td><img src="images/zn_29.jpg" width="162" height="11" alt="zn_29"></td>
              <td><img src="images/zn_30.jpg" width="11" height="11" alt="zn_30"></td>
            </tr>
          </table>
		  <table cellpadding="0" cellspacing="0">
    <tr>
      <td class="spacer_cell"></td>
    </tr>
  </table>
		  <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="images/zn_15.jpg" width="10" height="9" alt="zn_15"></td>
              <td><img src="images/zn_16.jpg" width="162" height="9" alt="zn_16"></td>
              <td><img src="images/zn_17.jpg" width="11" height="9" alt="zn_17"></td>
            </tr>
            <tr>
              <td width="10" class="goldmenu_line"> </td>
              <td class="leftmenu"><table width="150" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="leftmenu_title">Статистика</td>
                  </tr>
                  <tr>
                    <td> <?php
$countfile = "count.dat";
$ipcounter = "today.dat";
$countdate = date("j-n-Y");
$visitorip = $_SERVER[REMOTE_ADDR];
$maxrecord = date("d.m.Y (H:i)");

if (!file_exists($ipcounter)) { $fp = fopen($ipcounter, 'w+'); }
if (!file_exists($countfile)) { $fp = fopen($countfile, 'w+'); fwrite($fp, "0|0|0|1|$countdate|0|$maxrecord"); }

$fcontents = file_get_contents($countfile);
list($today, $yesterday, $total, $days, $nowdate, $max, $nowrecord) = explode("|", $fcontents);

if($countdate != $nowdate) {
$ipfile2 = fopen($ipcounter, 'w');
$line = "$visitorip\n";
fwrite($ipfile2, $line, strlen($line));
fclose($ipfile2);

if($today > $max) { $max = $today; $nowrecord = $maxrecord; }
$yesterday = $today;
$today = 1;
$total++;
$days++;

$fp = fopen($countfile, 'w');
fwrite($fp, "1|$yesterday|$total|$days|$countdate|$max|$nowrecord");
fclose($fp);
}

else {
$ipfile = fopen($ipcounter, 'rb');
$line = array();
while (!feof($ipfile)) $line[]=fgets($ipfile,1024);
for ($i=0; $i<(count($line)); $i++) {
list($visitorip_x) = split("\n",$line[$i]);
if ($visitorip == $visitorip_x) {$found = 1;}
}
fclose($ipfile);

if (!$found) {
$ipfile2 = fopen($ipcounter, 'ab');
$line = "$visitorip\n";
fwrite($ipfile2, $line, strlen($line));
fclose($ipfile2);

$today++;
$total++;

if($today > $max) { $max = $today; $nowrecord = $maxrecord; }
$fp = fopen($countfile, 'r+');
fwrite($fp, "$today|$yesterday|$total|$days|$countdate|$max|$nowrecord");
fclose($fp);
}
}
if($days == 1) { $dendni = "ден"; }
else { $dendni = "дни"; }
?>

<div style="font-family:verdana;font-size:11px;color:#FFDD8A;">
<b>Уникални посещения:</b>
Днес <b><?php echo $today; ?></b> /
Вчера <b><?php echo $yesterday; ?></b> /
Общо <b><?php echo $total."</b> за <b>$days</b> ".$dendni; ?> /
Средно дневно <b><?php echo ceil($total/$days); ?></b> /
Рекорд <b><?php echo $max."</b> на <b>$nowrecord"; ?></b>
</div></td>
                  </tr>
                  <tr>
                    
              </table></td>
			  
              <td class="goldmenu_line2"> </td>
            </tr>
            <tr>
              <td><img src="images/zn_28.jpg" width="10" height="11" alt=""></td>
              <td><img src="images/zn_29.jpg" width="162" height="11" alt=""></td>
              <td><img src="images/zn_30.jpg" width="11" height="11" alt=""></td>
            </tr>
          </table>
		  
		  </td>
          <td width="4"></td>
          <td valign="top"><table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="images/zn_19.jpg" width="10" height="11" alt=""></td>
              <td><img src="images/zn_20.jpg" width="607" height="11" alt=""></td>
              <td><img src="images/zn_21.jpg" width="10" height="11" alt=""></td>
            </tr>
            <tr>
              <td width="10" class="gold_line_bg"> </td>
              <td valign="top" class="mainbody"><table width="100%" border="0" cellspacing="0" cellpadding="10">
                <tr>
                  <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="main_content_title"><p>Новини</p>
                     </td>
                    </tr>
                  </table>
                                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        
                                  <tr> 
                                    <td>
<div style="font-size: 13px; color: red;">
Добре дошли в "Mp4Music"-най-новият сайт за музика в България.За момента сайта се намира на "freehosting" както сте видяли навярно.В продължение на времето се надявам да имам финансовата възможност да пусна сайта на собсвен хостин,но за сега ще караме така.Както сте забелязали можите да си избирате между различни стилове музика,а както и да качвате .Ако някои не намери търсената песен или  категория музика можи да пусни тема във <a href="http://site-bg.org/vbulletin/index.php">форумат</a>.Ако сте забелязали най-долу на всяка страница има реклами от "Google" който носат на сайта  от 5 cent до 20 cent на всяко кликване <b>затова ще ви помоля отвреме на време да ги натискате</b>.Ако имате някакви въпроси към Админа на сайта или нещо не ви е ясно моля задаваите ги във <a href="http://site-bg.org/vbulletin/index.php">форумат</a>.След като оправя сайта напълно ще можите да качвате текстове от песни както и видиeо клипове от най-извиснити видео сайтове(Vbox7,YouTube) естествено,че ще можите и да ги сваляте.Приятно разглеждане на сайта :)
</div>
                                           </td>
                                        </tr>
                                      </table></td>
                </tr>
              </table>
              </td>
              <td class="gold_line_bg2"> </td>
            </tr>
            <tr>
              <td><img src="images/zn_32.jpg" width="10" height="11" alt=""></td>
              <td><img src="images/zn_33.jpg" width="607" height="11" alt=""></td>
              <td><img src="images/zn_34.jpg" width="10" height="11" alt=""></td>
            </tr>
          </table></td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0">
    <tr>
      <td class="spacer_cell"></td>
    </tr>
  </table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
     <td width="10"><img src="images/zn_36.jpg" width="10" height="52" alt=""></td>
    <td class="fotter_bg"><div align="center"><div style="color:red; font-weight: bold;">Внимание!!!</div>Всеки който сваля Фаилове гарантира,че те трябва да бъдат премахнати от хард-диска му до 24 часа.В противен случаи вие сами отговаряте за това уредени ли са авторските права върху песните.Екипът на сайта не носи отговорност за последсвията.</div></td>
    <td width="10"><a href="http://www.pdesigner.net" title="Professional Web Designer"><img src="images/zn_38.jpg" alt="" width="10" height="52" border="0" /></a></td>
  </tr>
</table>
</td></tr></table>
			<div style="margin-left:330px; color: #fff; font-size: 13px; font-weight: bold;">Copyright © ReLeToBG™</div>
			<div align="center">
			   
 <a href="http://www.histats.com" target="_blank" title="hit counter script" > 
 <script  type="text/javascript" language="javascript"> 
  
 var s_sid = 302744;var st_dominio = 4; 
 var cimg = 505;var cwi =95;var che =18; 
 </script> 
 <script  type="text/javascript" language="javascript" src="http://s10.histats.com/js9.js"></script> 
 </a> 
 <noscript><a href="http://www.histats.com" target="_blank"> 
 <img  src="http://s4.histats.com/stats/0.gif?302744&1" alt="hit counter script" border="0"></a> 
 </noscript> 
  
  
			</div>
<div align="center">
			<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</div>
</body>
</html>

style.css

Код:
body {
	background: url('images/backg.jpg');
	font-size: 19px;
}
.header {
	background-image: url(images/zn_01.jpg);
	width: 814px;
	height: 168px;
	background-repeat: no-repeat;
}
.spacer_cell {
	height: 4px;
	width: 814px;
}
.leftmenu {
	background-color: #0C101B;
	vertical-align: top;
}

.silver_line_bg {
	background-image: url(images/zn_08.jpg);
}
.silver_content_td {
	background-image: url(images/zn_12.jpg);
	height: 91px;
}
.top_menu_bg {
	background-image: url(images/menu_bg.jpg);
}

.menu_text{
	margin-left:40px;
}
.menu_left_corner{
	margin-left: 1px;
}
.top_menu_cell {
	padding-right: 20px;
	padding-left: 20px;
	font-family: tahoma, arial, verdana;
	text-decoration: none;
}
.divpage .top_menu_bg table {
	float: left;
}
a.topmenu{
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a.topmenu:hover{
	color: #F8D480;
}
.leftmenu_title {
	font-family: Tahome, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFDD8A;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFDD8A;
	padding-top: 7px;
	padding-left: 0px;
	line-height: 23px;
}
.goldmenu_line {
	background-image: url(images/zn_22.jpg);
}
.goldmenu_line2 {
	background-image: url(images/zn_24.jpg);
}

.leftmenu ul{
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;

}
.leftmenu li {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	list-style-image: url(images/yellow_menu_arrow.gif);
	margin-bottom: 5px;
}
.leftmenu a {
	color: #FFDD8A;
	text-decoration: none;
	margin-bottom: 10px;
}
.leftmenu a:hover {
	color: #C9C9C9;
	text-decoration: none;
	margin-bottom: 10px;
}
.mainbody {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.main_content_title {
	text-transform: uppercase;
	color: #181b2a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	padding-bottom: 10px;
	margin: 0px;
}

.gold_line_bg {
	background-image: url(images/zn_25.jpg);
}
.gold_line_bg2 {
	background-image: url(images/zn_27.jpg);
}
.top_menu_cell_active {
	padding-right: 20px;
	padding-left: 20px;
	font-family: tahoma, arial, verdana;
	text-decoration: none;
	background-image: url(images/top_menu_active.jpg);
}
.fotter_bg {
	background-image: url(images/zn_37.jpg);
	color: #362701;
}
.fotter_bg div {
	font-size: 11px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}
.login_p
{
	font-size: 13px;
	font-family: geogia,verdana,arial,sans-serif;
}

a{
	color: #444;
	font-weight: bold;
}
.login_p a:visited
{
	color:#0000aa;
}
a:hover{
	text-decoration: none;
	color: #ff00ff;
}
a.leftmenuactive {

	color: #CDC9C8;
	text-decoration: none;
	margin-bottom: 10px;
}

.txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
height: auto;
width: 55px;
border: 1px solid #000000;
}
#table {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #000000;
}
.boxtext a
{ font-size: 18px; text-decoration: none;}
.txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
height: auto;
width: 55px;
border: 1px solid #000000;
}

.boxtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
 
Eми увеличи му размера с още 1 пиксел и кажи дали се запълва мястото или се удължава в дяно..
 
тогава го смали с 1 px - 0 px :lol:
 
Тази картинка
menu_left_corner.png


е по width 12 px , а ти си и задал 11 px .. задай и 12 пиксела и кажи дали с еоправя


<td width="12"><img src="images/menu_left_corner.png" width="11" height="34" alt="menu_left_corner"></td>
 
debian каза:
Тази картинка
menu_left_corner.png


е по width 12 px , а ти си и задал 11 px .. задай и 12 пиксела и кажи дали с еоправя


<td width="12"><img src="images/menu_left_corner.png" width="11" height="34" alt="menu_left_corner"></td>

Забелязвам,че когато дам на
<td width="12"><img src="images/menu_left_corner.png" width="11" height="34" alt="menu_left_corner"></td>

width="1"
разтоянието пак си е едно и също.
:shock:
 
ако си задал width на body-то това ти пречи....махни го и той ще заеме цялото пространство автоматично без да задаваш размер...и една забележка........земи прочети малко за XHTML/CSS и спрете да правите сайтове с таблици...не искате ли да ви е по-лесно....
 

Back
Горе