небольшая проблемка с таблицей

gimpy · April 2, 2011


<TABLE border="2" align="center" align="middle" >
 <tr width="600">
 <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td>
 <td></td>
 <td></td>
 <td></td>
 </tr>
 <TR width="600">
 <TD width ="200"> 
 <div align="center"> Соперник </div> </TD>
 <TD width ="100"> <div align="center"> Карта </div> </TD>

 <TD width ="100"> <div align="center"> Счет </div> </TD>

 <td width ="200" ><div align="center"> Демка </div> </td>
 </tr>
<TR width="600">
<TD width ="200"> <div align="center">TwF.by</div></TD>
<TD width ="100"><div align="center">de_inferno</div></TD>
<TD width ="100"><div align="center">16-6</div></TD>
<TD width ="200"><div align="center"><a href="http://depositfiles.com/files/q4jugpa4s">gimpy [POV]</a></div></td>
</tr>
<tr width="600">
<TD width ="200"> <div align="center">TwF.by</div></TD>
<TD width ="100"><div align="center">de_train</div></TD>
<TD width ="100"><div align="center">11-4 (16-6)</div></TD>
<td width ="200" ><div align="center"><a href="http://depositfiles.com/files/jzy81aulv">gimpy[POV]</a></div></td>
</tr>
<TR width="600">
<TD width ="200"> <div align="center">Re'Ma</div></TD>
<TD width ="100"><div align="center">de_dust2</div></TD>
<TD width ="100"><div align="center">16-1</div></TD>
<td width ="200" ><div align="center">
<br>
<a href="http://depositfiles.com/files/7modltmm3">HLTV</a>
<hr>
<a href="http://depositfiles.com/files/x5k71s96d">gimpy[POV]</a>
<br>
<a href="http://depositfiles.com/files/julx9uqxs">zavr[POV] </a>
<br>
<a href="http://depositfiles.com/files/lughmq1ye">Cord[POV]</a>
</div></td>
</tr>
<TR width="600">
<TD width ="200"> <div align="center">Re'Ma</div></TD>
<TD width ="100"><div align="center">de_train</div></TD>
<TD width ="100"><div align="center">13-2</div></TD>
<td width ="200" ><div align="center">
<br>
<a href="http://depositfiles.com/files/hp0h8rzjj">HLTV</a>
<hr>
<a href="http://depositfiles.com/files/z6qsg6qo8">gimpy[POV]</a>
<br>
<a href="http://depositfiles.com/files/ebv46zh7e">zavr[POV] </a>
<br>
<a href="http://depositfiles.com/files/3ckq3szi1">Cord[POV]</a>
</div></td>
</tr>
</TABLE>

справа что то непонятное с границей, результат таблицы тут

как убрать это?

psywalker · April 2, 2011

<tr>
 <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td>
 <td></td>
 <td></td>
 <td></td>
 </tr>

Отсюда убрать три последних ячейки

 <td></td>
 <td></td>
 <td></td>

mishaga · April 4, 2011

Закрывай все тэги, даже и <hr> ( и <hr />)
Не надо таблице 2 раза задавать свойство align
Если в элементе <td> текст должен располагаться по центру, не надо для этого создавать отдельный <div align="center>" (свойство align в современном мире вообще не приемлемо)
Не задавай ширину столбцов в HTML через свойство width, делай это в CSS
Не используй тэги и - это не приемлемо в современном мире

Твой код должен примерно выглядеть вот так:

<!DOCTYPE html>
<html>
<head>
  <title>table</title>
  <meta charset="utf-8" />
  <style type="text/css" media="all">
    table {
      margin: 0 auto;
      border-collapse: collapse;
      min-width: 70%;
    }
    table td {
      text-align: center;
      vertical-align: middle;
      border: 1px solid black;
      padding: 3px 5px;
      font-family: Verdana, Tahoma, Sans-Serif;
      font-size: 90%;
    }
    table td h1 {
      color: blue;
      font-size: 210%;
      padding: 0;
      margin: 0;
    }
    table td hr {
      border: 1px dashed black;
    }
    table td a {
      color: grey;
      text-decoration: underline;
    }
    table td a:hover {
      color: grey;
      text-decoration: none;
    }
  </style>
</head>
<body>

<table>
  <tr>
    <td colspan="4"><h1>Наши CW</h1></td>
  </tr>
  <tr>
    <td>Соперник</td>
    <td>Карта</td>
    <td>Счет</td>
    <td>Демка</td>
  </tr>
  <tr>
    <td>TwF.by</td>
    <td>de_inferno</td>
    <td>16-6</td>
    <td><a href="http://depositfiles.com/files/q4jugpa4s">gimpy [POV]</a></td>
  </tr>
    <tr>
    <td>TwF.by</td>
    <td>de_train</td>
    <td>11-4 (16-6)</td>
    <td><a href="http://depositfiles.com/files/jzy81aulv">gimpy[POV]</a></td>
  </tr>
  <tr>
    <td>Re'Ma</td>
    <td>de_dust2</td>
    <td>16-1</td>
    <td>
      <a href="http://depositfiles.com/files/7modltmm3">HLTV</a><hr />
      <a href="http://depositfiles.com/files/x5k71s96d">gimpy[POV]</a><br />
      <a href="http://depositfiles.com/files/julx9uqxs">zavr[POV]</a><br />
      <a href="http://depositfiles.com/files/lughmq1ye">Cord[POV]</a>
    </td>
  </tr>
  <tr>
    <td>Re'Ma</td>
    <td>de_train</td>
    <td>13-2</td>
    <td>
      <a href="http://depositfiles.com/files/hp0h8rzjj">HLTV</a><hr />
      <a href="http://depositfiles.com/files/z6qsg6qo8">gimpy[POV]</a><br />
      <a href="http://depositfiles.com/files/ebv46zh7e">zavr[POV]</a><br />
      <a href="http://depositfiles.com/files/3ckq3szi1">Cord[POV]</a>
    </td>
  </tr>
</table>

</body>
</html>

Правда, красиво?

Edited April 4, 2011 by mishaga

SelenIT · April 4, 2011

Закрывай все тэги, даже и <hr> ( и <hr />)

В чем, если не секрет, смысл сего загадочного действия?

Не используй тэги и  - это не приемлемо в современном мире

Стандартисты согласны с этим лишь наполовину

Правда, красиво?

Как по мне, так в первых двух строках ну явно th-ки напрашиваются

. Но у автора темы проблема еще в том, что таблица впихнута в жуткую квирковую страницу, с бухты-барахты поставить на нее нормальный доктайп он едва ли сможет. По-хорошему, да, ему надо бы переверстать всё "по феншую", но пока для начала надо хотя бы научиться считать ячейки в строках (с учетом colspan-ов) и убрать грубые ошибки структуры...

gimpy · April 4, 2011

mishaga,спасибо, учту.

psywalker · April 4, 2011

2.Не надо таблице 2 раза задавать свойство align

Вот эта фраза порадовала

А один раз надо что ли?

Sign In

небольшая проблемка с таблицей

Question

gimpy

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

mishaga

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

gimpy

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information