Только CSS-подсказка Задача

Использовали только простую CSS-подсказку.Только CSS-подсказка Задача

Рабочий пример CSS:

.tip 
{ 
    position:relative; 
} 
.tip span.tooltip 
{ 
    display:none; 
    background:#ff5112; 
    border:1px solid #9C0; 
} 
.tip:hover span.tooltip 
{ 
    display:block; 
    position:absolute; 
    top:2em; left:2em; width:15em; 
    border:1px solid #0cf; 
    background-color:#cff; color:#000; 
    text-align: center 
}

HTML:

<span class="tip"> 
<table><tr> 
<td>Working Tip</td><span class="tooltip">Tip</span> 
</tr></table> 
</span>

Не работает пример: HTML:

<table><tr> 
<span class="tip"><td>Not working TIP</td><span class="tooltip">Tip</span></span> 
</tr></table>

И Live example

источник

2010-07-30 abel

На ваш вопрос? Я думаю, вам нужно включить свой код в 'code-block', поскольку вы, кажется, потеряли форматирование? – MrWhite

Измените свое сообщение и добавьте код в блок кода. В противном случае я не вижу разницы между рабочим и нерабочим кодом. –

Кроме того, IIRC, таблица, вложенная в диапазон, не допускается, поскольку диапазон является встроенным, а таблица является блоком. – Psytronic

Ваша проблема - элемент таблицы - вы не можете иметь диапазон, который обертывает <td>. Избавьтесь от стола, и все будет работать.

источник

2010-07-30 15:29:00

Мне нужны всплывающие подсказки для данных в таблице. – abel

Затем поместите все в элемент . Некоторые тексты Tooltip. –

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

<span class="tip"> 
    <table> 
     <tr> 
      <td>Working Tip</td> 
     </tr> 
    </table> 
    <span class="tooltip">Tip</span> 
</span>

Если вы собираетесь обернуть всю таблицу «верхушка» должна быть после таблицы тегов.

источник

2010-07-30 15:43:09 BrandonS

бык-бык! как этот пост произошел и получил «2» взлеты, он, должно быть, был отправлен одновременно с моей игрой. извините за тот же ответ. – BrandonS

<span class="tooltip"> потребности идти внутри <td class="tip"> для вашего текущего CSS работать, как ожидалось ...

<table><tr> 
    <td class="tip"> 
    Working Tip 
    <span class="tooltip">Tip</span> 
    </td> 
</tr></table>

источник

2010-07-30 15:47:11

Я не вижу свой подсказке класс CSS, попробуйте добавить один

источник

2010-07-30 17:12:20

Раствор, который работал для меня:

<table><tr><td> 
<a href="blah.php" class="tip"> 
Blah Blah Text 
<span class="tooltip">Blah Blah Tip</span> 
</a> 
</td></tr></table>

Но это выглядит действительно плохо с CSS выключен, так что путь будет использовать атрибут заголовка, а затем добавление MooTools или су ch libs сверху.

Спасибо, ребята.

источник

2010-08-02 06:06:52 abel

Таблица в пределах пролета не допускается, попробуйте исправить это

источник

2010-08-30 16:29:13

Только CSS-подсказка Задача

ответ

Смежные вопросы