VPF::Рамка в одной из ячеек - Форум программистов

Gmаn

Дата 7.3.2010, 15:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.11.2009
Где: Одинцово

Репутация: нет
Всего: нет

Здравствуйте господа !

Кто знает подскажите что происходит с кодом ?

При объявлении верхней рамки в первой ячейке, во второй появляется отступ вверху через которой проглядывается фон таблицы.
Необходимо обеспечить независимость размеров второй ячейки, как если бы не было "border-collapse". но без всяких отступов между ячейками.

Код

Код



   * {border-collapse: collapse;}

<table style="background-color: #093;">
  <tr>
    <td style="background-color:#F00; width:100px; height: 50px; border-top: #30F solid 20px;">1</td>
    <td style="background-color:#F00; width:100px;">2</td>
  </tr>
</table>

Страница:
http://s49.radikal.ru/i124/1003/92/0788b1d40ba3.gif

bars80080

Дата 7.3.2010, 16:15 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

задай второй ячейке цвет верхнего бордюра таким же, как и фон этой ячейки

Gmаn

Дата 7.3.2010, 16:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.11.2009
Где: Одинцово

Репутация: нет
Всего: нет

Благодарю за ответ !

Я не правильно поставил свой вопрос, возможно из-за непонимания поведения поля border.

Возможно ли сделать так что бы в первой ячейке с высотой 100px была рамка с толщиной в 50px(высота ячейки уже 150px ?), а вторая ячейка(без рамки и внешних отступов) имела высоту 150px.

Gmаn

Дата 7.3.2010, 17:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.11.2009
Где: Одинцово

Репутация: нет
Всего: нет

Короче говоря необходимо сделать так но при помощи таблицы

Код


<p style="background-color: #0C9; float: left; width: 100px; height: 100px; border-top: #0C0 100px solid;">1</p>
<div style="background-color:#999; float: left; width: 100px height: 200px;;">2</div>

bars80080

Дата 8.3.2010, 00:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

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

{ height: 100px; margin: 50px 0px; }

Gmаn

Дата 8.3.2010, 13:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.11.2009
Где: Одинцово

Репутация: нет
Всего: нет

Цитата(bars80080 @ 8.3.2010, 00:19)

Спасибо за ответы !

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »