почему граница таблицы не отображается в этой таблице HTML

Question

У меня есть простая таблица HTML, как это: http://jsbin.com/oxiyi

Я хочу иметь рамку с цветом # 990000 за пределами всей таблицы. Поэтому я создал таблицу за пределами таблицы и присвоил ей цвет границы # 990000. Но все же я не вижу цвет границы.

Answer 1

Столы внутри столов! О нет! У меня болит голова.

Вы должны быть рады, что это не работает, так как это ужасная разметка, и ее следует избегать любой ценой. Глядя на ваш HTML-код, я замечаю множество встроенных свойств и отсутствие используемого CSS. Вы должны действительно прочитать CSS, поскольку код, который у вас есть сейчас, больше похож на код, который создавался в 2000 году, а не на то, что мы делаем в настоящее время. Короче говоря, однако, вы можете избавиться от внешней таблицы и добавить в таблицу объявление стиля border: 1px solid #990000;, чтобы получить желаемый эффект. Однако это всего лишь вершина айсберга, и вам действительно следует ознакомиться с CSS и правильной разметкой, прежде чем ваш сайт самопадет. :)

Answer 2

Используйте свойство border со стилем CSS и присвойте ему цвет. Я избавился от вложенных таблиц в вашем примере.

<style>
td {
    border: solid 2px lightgrey;
}
</style>
<table style="border: 5px solid #990000; border-collapse: collapse">

http://jsbin.com/odici

Это сохраняет ваши границы в ваших клетках ...

Answer 3

Несколько проблем:

1. A <div> будет лучшим инструментом для эта работа
2. Ваш внешний стол имеет bgcolor указано, а не bordercolor
3. На вашем внешнем столе установлено border 0
4. Вы также должны включить <tr> и <td> вокруг внутреннего стола сделайте ваш HTML правильный

Как это:

<table name='outerTable'>
    <tr>
        <td>
            <table name='innerTable'>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Answer 4

Лучшим способом было бы удалить внешнюю таблицу и добавить границу с помощью CSS:

<table ... style='border: 1px solid #900'>

Еще лучше: используйте внешнюю таблицу стилей для оформления таблицы.

Answer 5

Возможно, потому что внешняя таблица имеет границу, установленную в 0

Изменить границу = 0 на границу = 1

Answer 6

Попробуйте использовать следующий код

tr .bordered{
      border-bottom:1px solid #000;
    }

при вызове используйте

<tr class="bordered"></tr>

Answer 7

• Создайте один пользовательский файл CSS в каталоге '/ css', скажем 'local.css'

  • Добавьте следующий код в файл marinelli.info. таблицы стилей [все] [] = css / local.css

  • Попробуйте добавить следующий код CSS в свой пользовательский файл CSS (т.е. local.css):

  tbody { border-top: 1px solid #CCC; }

  тр, тр. Даже { фон: #dedede; }

  таблица tr th { фон: # 757575; }

  tr td, tr th { рамка: 1px сплошной белый; } * * Тысяча двадцать-один

  таблица tr th, таблица tr th a, таблица tr th a: hover { белый цвет; }

  • Пожалуйста, очистите кэшированные данные здесь - / admin / config / development / performance

  Rgrds

Answer 8

Я не могу точно сказать, почему ваши таблицы не взаимодействуют правильно, не видя разметки, но я вижу проблему с вашим фундаментальным подходом.

Вместо другой таблицы оберните свою таблицу в тег DIV следующим образом:

<div style="border:solid 1px #990000;"> 
   <your table> 
</div> 

Это лучше соответствует современным стандартам HTML / XHTML.

Не видя ваш код, я не могу сказать вам, соответствует ли ваша внутренняя таблица передовым методам или нет.

Надеюсь, это поможет