Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Рамка в одной из ячеек

Автор: Gmаn 7.3.2010, 15:07

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

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

При объявлении верхней рамки в первой ячейке, во второй появляется отступ вверху через которой проглядывается фон таблицы.
Необходимо обеспечить независимость размеров второй ячейки, как если бы не было "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

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

Автор: Gmаn 7.3.2010, 16:40

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

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

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

Автор: Gmаn 7.3.2010, 17:00

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

Код


<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

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

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

Автор: Gmаn 8.3.2010, 13:52

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

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