LINUX.ORG.RU

Вёрсточный кретинизм: Как растянуть <div> на весь родительский <td> ?


0

1

Есть примитивный код:

...
     <td width="5%" style="background-color: #AFBFF0">
      <a href="<? echo $backUrl ?>">
       <div style="margin: 0px; padding: 0px; height: 100%;">Взад</div>
      </a>
     </td>
...

Вопрос. Как вот этот вложенный <DIV> с надписью «Взад» растянуть на весь размер ячейки <TD>?

★★★★★

сделать cell-spacing и cell-padding равными нулю, не? или еще добавить

table { 
  border-spacing:0;
  border-collapse:collapse;
}

rikardoac
()
Ответ на: комментарий от rikardoac

Это домыслы. Перед тем как советовать, стоит проверить.

Ни атрибуты таблицы cellspacing/cellpadding = 0, ни стиль «border-spacing:0; border-collapse:collapse;» не помогают.

Xintrea ★★★★★
() автор топика
Ответ на: комментарий от Xintrea

окай. не знаю как у тебя, но у меня див и так растянут на всю ячейку (это с твоими стилями).

http://storage1.static.itmages.ru/i/13/0420/h_1366459354_1107620_d41d8cd98f.png

rikardoac
()
Последнее исправление: rikardoac (всего исправлений: 1)
Ответ на: комментарий от agentgoblin

Тут, я думаю, могут быть проблемы только с шестым ослом (хотя сомнительно). Скорее ОП неправильно сформулировал вопрос.

rikardoac
()

Не стоит размещать блочный элемента div внутри строкового a, тогда и проблем не будет.

Tigger ★★★★★
()
Ответ на: комментарий от rikardoac

Осёл - дело такое. Никогда не знаешь, где он заупрямится.

Будь проклят тот день, когда я сел за баранку этого пылесоса!

agentgoblin
()
Ответ на: комментарий от Tigger

Не стоит размещать блочный элемента div внутри строкового a, тогда и проблем не будет.

А как тогда сделать блочный элемент ссылкой?

Xintrea ★★★★★
() автор топика
Ответ на: комментарий от rikardoac

окай. не знаю как у тебя, но у меня див и так растянут на всю ячейку (это с твоими стилями).

Я неправильно выразился. Не растягивается по вертикали, с шириной проблем нет.

Xintrea ★★★★★
() автор топика
Ответ на: комментарий от Xintrea

Можно сделать блочным элементом саму ссылку: <a style=«display:block»>

Adjkru ★★★★★
()
Ответ на: комментарий от Xintrea

Даже не знаю, у меня, что по вертикали тянется, что по горизонтали.

rikardoac
()
Ответ на: комментарий от AGUtilities

В HTML5 прогнулись и разрешили.

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

Deleted
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.