Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: таблицы и padding
 
 автор: nikel   (27.07.2011 в 11:42)   письмо автору
 
 

в общем, в коде ниже хочу чтобы в TABLE_1 колонки соответствовали указанной в них ширине
Но если в стилях раскомментировать /* padding-bottom: 0px; */, то они (колонки) приобретают какие-то странные размеры. (если третьей колонке присвоить border, то все выравнивается, но мне там нужна колонка без border)
В чем причина? спасибо.

<!DOCTYPE html>
<html>
<head>
    <title>trbl</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {
    background-color: #FBFAE0;
    margin: 0px;
    text-align: left;
}

table{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border: none;
}

td {
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
/*    padding-bottom: 0px;    */
    margin: 0px;
    border: none;
}
</style>
</head>
<body>
  <table width=100%>
  <col width="2%">
  <col width="96%">
  <col width="2%">
  <tr>
    <td></td>
    <td>
      <table height=100px width=100%>  <!--TABLE_1 here -->
      <tr>
        <td style="width: 89px; background-color:gray;"></td>
        <td style="width: 19px; background-color:yellow;"></td>
<td></td> 
      </tr>
      </table>
  
    </td>
    <td></td>
  </tr>
  </table>
HERE is ALL</body>
</html>

  Ответить  
 
 автор: f111   (28.07.2011 в 10:56)   письмо автору
 
   для: nikel   (27.07.2011 в 11:42)
 

вы устанавливаете общие стили для всех таблиц и ячеек
table{ .... }
td { ... }
td и table это имена тегов, соответственно стили td "присвоятся" ячейкам всех таблиц на странице, а стили table всем таблицам, а что бы присвоить разные стили используйте классы

  Ответить  
 
 автор: nikel   (28.07.2011 в 13:30)   письмо автору
 
   для: f111   (28.07.2011 в 10:56)
 

кажется, Вы не совсем поняли вопрос.
я и хочу чтобы стили, прописанные в table и td, а именно:padding, margin и border, были общие для всех таблиц и ячеек.
проблема в том, что в TABLE_1
 <table height=100px width=100%>  <!--TABLE_1 here --> 
      <tr> 
        <td style="width: 89px; background-color:gray;"></td> 
        <td style="width: 19px; background-color:yellow;"></td> 
<td></td>  
      </tr> 
      </table> 

для первых двух ячеек прописаны размеры: 89px, 19px, но если
раскомментировать стиль /* padding-bottom: 0px; */ ,
то эти размеры выбираются браузером каким-то странным образом, я не могу понять в чем причина.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования