Как растянуть изображение на 2 строки таблицы?

Я пытаюсь растянуть фоновое изображение на 2 строки таблицы, но это не работает.

HTML:

<table id="branchTable">
 <thead>
  <th align="center">Tel.</th>
  <th align="center">Fax</th>
  <td rowspan="2" id="branch-logo"> d</td>
 </thead>
 <tbody>
  <td align="center">${_branch?.tel}</td>
  <td align="center">${_branch?.fax}</td>
 </tbody>
</table>

CSS:

#branch-logo {
    background-image: url(/public/images/logo.png);
    height:53px;
    width:100px;
    background-repeat: no-repeat;
    background-position: left;
}

Кажется, что изображение толкает ряд вниз, а не пересекает его.

ОБНОВЛЕНИЕ

<table id="branchTable">
 <tr id="thead">
  <th align="center">Tel.</th>
  <th align="center">Fax</th>
  <td rowspan="2" id="branch-logo"> d</td>
 </tr>
 <tr id="tbody">
  <td align="center">${_branch?.tel}</td>
  <td align="center">${_branch?.fax}</td>
 </tr>
</table>

rowspan, похоже, не работает между tbody и thead. Использование tr помогает.


person emt14    schedule 05.02.2012    source источник
comment
Я не вижу #branch-logo нигде в опубликованном вами html. и ваша таблица имеет 1 строку. На самом деле, из-за неправильного формата HTML в нем вообще нет строк.   -  person Scott    schedule 05.02.2012
comment
Ну указатель, глупая ошибка...   -  person emt14    schedule 05.02.2012


Ответы (1)


Вы забыли свои <tr> в своей таблице. Вероятно, это и является причиной его неправильного поведения.

И, как говорит Скотт, вы используете logo в своем html и branch-logo в своем css.

Правка. Кроме того, я совсем не уверен, что все основные браузеры поддерживают размещение строки в ячейке над объявлением и телом. Это потребует некоторого тестирования.

person Mr Lister    schedule 05.02.2012