А вот
собственно и сама всплывающая подсказка...
Она удобна тем что:
1. Она не исчезает в самый неподходящий момент
(она исчезнет только после того, как вы уберёте
курсор с ссылки);
2. Всплывающую подсказку можно добавлять не
только к графической ссылке, но и к обычному
тексту;
3. Здесь можно менять шрифты;
4. Можно менять цвета шрифтов;
5. Сюда можно вставлять рисунки и т.д.
Текст для примера
<script language="JavaScript"> if (parseInt(navigator.appVersion)>= 4) { if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; } else { layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; } }
function show(layerName) { if (parseInt(navigator.appVersion)>= 4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); } }
function cls(layerName){ if (parseInt(navigator.appVersion)>= 4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); } } </script>
<body bgColor="#FFFFFF" text="#000000"> <div align="center" id="text1" style="HEIGHT: 80px; LEFT: 10px; TOP: 15px; WIDTH: 250px"> <table border="0" width="100%" bgcolor="#000000" cellspacing="1" cellpadding="2"> <tr> <td align="middle" bgcolor="#FFFFE1"><p align="center"><font face="Fixedsys" color="#FF0000">Всплывающая подсказка</font></p> <p align="left"><font face="MS Sans Serif" size="1"> А вот собственно и сама всплывающая подсказка...<br> Она удобна тем что:<br> 1. Она не исчезает в самый неподходящий момент (она исчезнет только после того, как вы уберёте курсор с ссылки);<br> 2. Всплывающую подсказку можно добавлять не только к графической ссылке, но и к обычному тексту;<br> 3. Здесь можно менять шрифты;<br> 4. Можно менять цвета шрифтов;<br> 5. Сюда можно вставлять рисунки и т.д.</font></td> </tr> </table> </div>
<a href="" onmouseout="cls('text1');" onmouseover="show('text1');"> Текст для примера</a> </body> </html>
При вставке текста в (X)HTML, независимо от того, сколько пробелов вы поставите между словами, при выводе страницы в окне браузера, все эти пробелы, по умолчанию, будут сокращены до одного. Это довольно удобно, поскольку мы легко можем форматировать текст в коде, с тем чтобы улучшить его читаемость, при этом, не создавая дополнительных пробелов и ненужных разрывов строк.
Однако, если же вы хотите отобразить все пробелы и переносы строк – вам поможет тэг <pre>. Весь текст внутри тэгов <pre> (если он не заключен в дополнительные тэги), будет выведен точно также, как он отформатирован в коде. При этом, даже если в разметке нет ни одного разрыва строки, тэг <pre> все равно добавит одну строчку, для создания дополнительно отступа. Следовательно, вы можете использовать вышеуказанный тэг для переопределения дефолтного подведения HTML.
Кроме того, в (X)HTML есть возможность использовать неразрывный пробел ( ), который используется для создания множественных пробелов. Ранее, для этих целей использовался, устаревший на сегодняшний день, тэг <nobr>.
Свойство white-space – это CSS-аналог всех вышеперечисленных (X)HTML-методов управления пробелами.