PHP стиль проблемы заголовка

Question

Я использую плагин всплывающей подсказки, который работает, отображая атрибут заголовка смотри это

У меня есть изображение с заголовком:

<img class="tiptip tip_top" src="adv.jpg" height="111" width="186" title="<?php echo $first; ?>"/>

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

$first = 'Check out the new diggs!';

, но если я использую стили, это не так:

$first = '<span style="color:#f200c8;">Check out the new diggs!</span>';

есть идеи, как использовать стили в php?

Answer 1

Ваш код приводит к неверному HTML / CSS.Вы не можете поместить теги стиля в атрибут заголовка, только в простой текст.Ваш плагин должен обрабатывать внешний вид подсказки.В соответствии с документацией, на которую вы ссылаетесь, вы можете изменить CSS плагина.

Вот HTML-код, созданный плагином:

<div id="tiptip_holder">
    <div id="tiptip_content">
        <div id="tiptip_arrow">
            <div id="tiptip_arrow_inner"></div>
        </div>
    </div>
</div>

Это идентификаторы, для которых вы должны изменить CSS,в основном tiptip_content.

Answer 2

В соответствии с спецификацией , атрибут title предполагает тип "текст".Это объясняется в другом месте как

текст, который должен быть «читаемым человеком»

HTML-разметка не предназначена для чтения человеком (он должен быть машиночитаемым), поэтому теги анализируются как обычный текст.

Answer 3

Атрибут title не является блоком HTML. Должно быть только тестовых значений. Если вы хотите отобразить стилизованный заголовок, вы должны отобразить его вне тега изображения, например, что-то вроде этого:

<img src="file.png" <!-- some other attributes --> /><br /><?php echo $title ?>

В этом случае $title может быть стилизованным текстом HTML.

Answer 4

Вы не можете вставлять стили внутри атрибута, подобного этому. Вам нужно найти значения класса или идентификатора для всплывающей подсказки и изменить их. Создатель плагина всплывающей подсказки может иметь некоторую документацию, чтобы помочь вам выяснить, какие классы он / она использовал, или вы можете использовать Firebug (для Firefox) или встроенные средства разработчика для Chrome, чтобы помочь вам выяснить классы /ID.