Вёрстка « растянуть таблицу на всю ширину, без отступов

например как на этом сайте наверху или внизу!
Ставлю в /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

<table width="100%">
 
но табличка по краёв браузера всё равно чуть чуть отступает?
0
html table

1 ответов


<!DOCTYPE html>
<html>
  <head>
    <title>Untitled Document</title>
    <style type="text/css">
      * {
        margin:0;
        padding:0;
      }
      TABLE {
        width:100%;
        background-color:#bbb;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td>Табличка на всю ширину</td>
      </tr>
    </table>
  </body>
</html>
 

UPD: Для нескольких таблиц:

<!DOCTYPE html>
<html>
  <head>
    <title>Untitled Document</title>
    <style type="text/css">
      * {
        margin:0;
        padding:0;
      }
      TABLE.stretched {
        width:100%;
        background-color:#bbb;
      }
    </style>
  </head>
  <body>
    <table class="stretched">
      <tr>
        <td>Серая табличка на всю ширину</td>
      </tr>
    </table>

    <table>
      <tr>
        <td>Голая табличка</td>
      </tr>
    </table>

    <table class="stretched">
      <tr>
        <td>Серая табличка на всю ширину</td>
      </tr>
    </table>
  </body>
</html>
 

"а как ещё других цветов для других табличек сделать, ну например чтобы сверху был серый по середине белый а внизу опять серый?"

<!DOCTYPE html>
<html>
  <head>
    <title>Untitled Document</title>
    <style type="text/css">
      * {
        margin:0;
        padding:0;
      }
      TABLE.stretched {
        width:100%;
        background-color:#bbb;
      }
      TABLE.stretched .whity {
        background-color: #fff;
      }
    </style>
  </head>
  <body>
    <table class="stretched">
      <tr>
        <td>Здесь серый фон</td>
      </tr>
      <tr>
        <td class="whity">Здесь белый</td>
      </tr>
      <tr>
        <td>А здесь снова серый</td>
      </tr>
    </table>
  </body>
</html>
 

Обязательно вам на прочтение и изучение следующий сайт - http://htmlbook.ru/
Чтобы вдоль и поперёк :)
0

Что бы были разные правила для разных таблиц нужно использовать инлайн стили (<table style=" width:100%;">)или CSS.
Вот есть руководство шаг за шагом не плохо бы начать с них http://stepbystep.htmlbook.ru/.

0

Отступы из-за отступов по-умолчанию у body, можно так:


body {
margin: 0;
padding: 0;
}
 
0

а как ещё других цветов для других табличек сделать, ну например чтобы сверху был серый по середине белый а внизу опять серый?

-1

Только это правило работает для всех таблиц в коде, а как задать правило для другой таблички? чтобы ыбло несколько правил для нескольких таблиц?!

-1