Newline в <td title="">

Возможный дубликат:
Как использовать возврат каретки в HTML-подсказке?

Я хотел бы знать, можно ли заставить новую строку показывать в подсказке при использовании свойства title TD. что-то вроде

<td title="lineone \n linetwo \n etc...">

Можно ли это сделать?

Ответ 1

Теперь это должно работать с Internet Explorer, Firefox v12 + и Chrome 28 +

<img src="'../images/foo.gif'" 
  alt="line 1&#013;line 2" title="line 1&#013;line 2">

Попробуйте использовать JavaScript-подсказку для лучшего результата, что-то вроде OverLib.

Ответ 2

Одним из способов достижения подобного эффекта будет использование CSS:

<td>Cell content.
  <div class="popup">
    This is the popup.
    <br>
    Another line of popup.
  </div>
</td>

И затем используйте в CSS следующее:

td div.popup { display: none; }
td:hover div.popup { display: block; position: absolute; }

Вам нужно добавить некоторые границы и фон, чтобы всплывающее окно выглядело прилично, но это должно набросать идею. У этого есть некоторые недостатки, хотя, например, всплывающее окно не расположено относительно мыши, а относительно содержащейся ячейки.

Ответ 3

Расширяемый язык разметки (XML) 1.1 Рекомендация W3C:

"Все разрывы строк ДОЛЖНЫ быть нормализованы при вводе на #xA, как описано в разделе" Обработка конца строки в 2.11 ", поэтому остальная часть этого алгоритма работает с нормализованным таким образом текстом."

Ссылка http://www.w3.org/TR/2006/REC-xml11-20060816/#AVNormalize

Затем вы можете написать:

<td title="lineone &#xA; linetwo &#xA; etc...">

Ответ 4

Это должно быть в порядке, но специфически Internet Explorer:

<td title="lineone
linetwo 
etc...">

Как уже упоминалось, единственный способ - использовать всплывающую подсказку на основе HTML + JavaScript, если вас интересует только подсказка. Если это для доступности, вам, вероятно, придется придерживаться только одной строки для согласованности.

Ответ 5

Я использую плагин jQuery clueTip.

Ответ 6

Использование &#013; не работает в моем приложении fb. Однако это произошло, красиво (в Chrome FF и IE):

<img src="'../images/foo.gif'" title="line 1&lt;br&gt;line 2">

Ответ 7

Если вы хотите поместить разрывы строк в всплывающую подсказку, которая появляется при наведении курсора мыши, нет надежного способа скрещивания. Вам придется вернуться к одному из многих примеров кода всплывающих подсказок Javascript

Ответ 8

Использование &#xA; Работает в Chrome для создания отдельных строк в всплывающей подсказке.

Ответ 9

Плагин jquery colortip поддерживает также <br>  теги в атрибуте title, вам может понадобиться изучить этот.