Неограниченные фоновые изображения CSS в ячейках таблицы

У меня есть таблица с одной строкой, которую я использую для отображения заголовка поверх веб-страницы. В таблице есть 3 ячейки со статическими изображениями слева и справа. Изображение в середине повторяется, чтобы заполнить ширину экрана. Вот код, который я использую:

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

Слева направо изображения имеют размеры 690x80, 1x80 и 190x80 и соответствуют размеру ячеек, и, следовательно, не могут понять, почему линия существует.

Поблагодарили бы за помощь в избавлении от двух 1-пиксельных границ

2 ответа

Добавьте cellpadding="0" в тэг .

Кроме того, вы хотите сделать это с помощью CSS, используйте следующее правило CSS:

<pre class="prettyprint linenums">table td, table th{ padding: 0; } </pre> <table> </table>


во-первых, пожалуйста, пейте ваши изображения. во-вторых, вы можете добавить это

border:hidden;

в свойствах стиля таблицы.

в-третьих, эта проблема появляется во всех браузерах?

licensed under cc by-sa 3.0 with attribution.