Объединение цветов таблицы (HTML) - PullRequest
0 голосов
/ 01 июля 2011

Я пытаюсь объединить эти разные цвета в таблице, чтобы между ними не было небольшого разрыва.

<!---Content-->

<Center>
    <Table WIDTH = "75%">
        <TR>

            <TD WIDTH = "33%" BGCOLOR = "D Word">
            <Center>
            <P>HI THERE I am heRE n0w</P>
            <IMG SRC = "Images\Cstrike.gif" Width = "200" Height = "200">
            </Center>
            </TD>

            <TD WIDTH = "33%" BGCOLOR = "Blue">
            <Center>
            <P> BLAH Blah bLah Bl0h</P>
            <IMG SRC = "Images\mauser3.gif" Width = "200" Height = "200">
            </Center>
            </TD>

            <TD WIDTH = "33%" BGCOLOR = "Grey">
            <Center>
            <P>ko</P>
            </Center>
            </TD>

        </TR>
    </Table>
</Center>

(А также возможно ли иметь мини-таблицу серого цвета, чтобы присоединиться к другой таблице над ней?) Это просто HTML-код выше времен 2 (там и то же самое), поэтому серый присоединяется к серому над ним, любая помощь?

Ответы [ 3 ]

0 голосов
/ 01 июля 2011

Добавить cellspacing="0"

в <Table WIDTH = "75%" cellspacing="0">

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

0 голосов
/ 01 июля 2011

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

В CSS вы можете удалить интервал между ячейками, применяя к таблице свойство border-collapse: collapse;.

Пример

HTML:

<table>
    <tbody>
        <tr>
            <td class="first">Blah blah blah</td>
            <td class="second">Blah blah blah</td>
            <td class="third">Blah blah blah</td>
        </tr>
    </tbody>
</table>

CSS:

table {
    border-collapse: collapse;
}
td {
    border: 1pt solid silver;
    padding: 5pt;
}
.first, .second, .third {
    width: 33%;
}
.first {
    background-color: red;
}
.second{
    background-color: yellow;
}
.third{
    background-color: green;
}

Смотрите живой пример здесь .

0 голосов
/ 01 июля 2011
<Table WIDTH = "75%" cellpadding="0" cellspacing="0">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...