Почему в моей таблице нет границ?

0

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

<table class="mainTable" style="border-color:#DDDDDD;">
    <tr>
        <td class="masterBannerTop" colspan="6" >
            <a href="Default.aspx"><img style="border: none; display: block; margin: 0 auto;" alt="Travel Joan Blog Banner" src="Website%20Photos/HeadBanner.jpg" /></a>
        </td>     
    </tr>
    <tr>
    <td class="masterBannerNav"><a href="Default.aspx">HOME</a></td>
    <td class="masterBannerNav"><a href="About.aspx">ABOUT ME</a></td>
    <td>

... И это продолжается оттуда. Здесь CSS:

.mainTable
    {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        border-spacing: 30px;
        border-color:#999999;
    }

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

Теги:

4 ответа

1
Лучший ответ

попробуйте установить

border:1px solid #999999;

в вашем css вместо того, чтобы возиться с атрибутами стола! Старайтесь избегать использования этих атрибутов, потому что это затрудняет изменение стиля вашего сайта и более подробный код для людей, которые должны его поддерживать. Удачи и дайте мне знать, как это происходит :)

  • 0
    Я приму это как ответ, как только смогу. Вообще говоря, мне не хватало лишь установки ширины моей границы. Кажется, что они автоматически создали бы границу, когда вы устанавливаете любой атрибут границы.
  • 0
    Да :) Это зависит и от браузера!
1

Возможно, также убедитесь, что вы установили border-width: 1px или что-то в этом роде?

1

style = "border: 1px solid black"

0

Делать

<table border="1"> ... </table> 

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

Делать

<table style="border:'1px solid #DDDDDD'"> ... </table>

или

.mainTable {
    border:'1px solid #DDDDDD';
    ...
}

или

.mainTable {
    border-size:1px;
    border-style:solid;
    ...
}

чтобы получить границы вокруг вашего стола.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню