И как же эти плагины позволит сохранить данные для незалогиненного пользователя? Как ему их показать в следующий раз?
Ну так вы же не подключили скрипты jquery и саму библиотеку:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/enriquez/ezpz-tooltip/jquery.ezpz_tooltip.js"></script>
Попробуйте так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/enriquez/ezpz-tooltip/jquery.ezpz_tooltip.js"></script> <script> $(document).ready(function(){ $("#example-target-1").ezpz_tooltip({ contentId: 'simple-content-1', showContent: function(content) { content.fadeIn('slow'); }, hideContent: function(content) { // if the showing animation is still running, be sure to stop it // and clear the animation queue. otherwise, repeatedly hovering will // cause the content to blink. content.stop(true, true).fadeOut('slow'); } }); }); </script> <style> .tooltip-content { background-color: #FFC848; border: 3px solid #AF8A31; color: black; display: none; padding: 10px; position: absolute; text-align: center; width: 250px; } </style> </head> <body> <span id="example-target-1">Hover over me</span> <div id="simple-content-1" class="simple-tooltip-content tooltip-content" style="top: 611px; left: 517px;"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet enim... </p> </div> </body> </html>
Ну только куки и Local Storage, но не все браузеры имеют его поддержку. Но если вы не сильны в AJAX, то справиться с ХТМЛ5 фичами будет еще сложнее )
<script type="text/javascript" src="tool/jquery.ezpz_tooltip.js"></script><script type="text/javascript" src="tool/jquery.ezpz_tooltip.min.js"></script>
Тут достаточно одного из двух, это одинаковый код, но второй просто минифицирован для уменьшения веса. и конечно же, подключать надо jQuery скрипт, выше плагина.
Не работает потому что, скорее всего вы, не инициализирвали скрипт. Я говорю о
<script>$(document).ready(function(){ $("#example-target-1").ezpz_tooltip();});</script>
Вот демки, а ниже я протестировал:
http://jsfiddle.net/jnafx/
http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip#
Хороший и простой плагин для тултипов.
Заказывал 3 сайта по акции. По виду нормально все, выборочно проверил тексты на укникальность и тоже все нормально. Ждем индекса :)
А что именно не выходит? В консоли файрбага есть ошибки?
Ну я как минимум попробывал бы начать верстать сразу под HTML 5, вместо XHTML
Попробуйте использовать новые CSS3 свойства. Благо, сейчас об этом много написано.
http://css3please.com/
http://css3pie.com/ (для ИЕ)
Вот еще интересная сборка http://ru.html5boilerplate.com/
По ширине, нужно указать table width="100%"
в td с фиксированным размером установите width тоже нужный, а в тех, которые должны быть резиновые - просто не указывайте их ширину, и они разделят свободное пространство между собой.
А по поводу второго вопроса - тут надо смотреть на код.
Нужно добавить классу еще одно свойство.
.images {
...
float:right;
}
<div class="images">
<img src="images/foto.jpg" alt="картинка" align="left"/>
<span>Подпись</span>
</div>
<p>ваш текст</p>
