Главная » FAQ » HTML- вопросы и ответы


Для этого нужно прописать в HTTP-response со стороны сервера параметры
Expires, Pragma и Cache-control.

Если вы не имеете доступа к настройкам сервера, то добавьте в <head> такие
<meta>:

<meta http-equiv="Expires" content="Thu, Jan 1 1970 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">


Источник
Автор CompDocs www.docs.com.ru

<table align="center"> - конструкция принципиально неверная. Параметр align в
<table> предназначен для того, чтобы задать обтекание таблицы текстом, так же,
как аналогичный параметр в <img>.

Правильно так:
<div style="align:center"><table>
....
</table></div>


Источник
Автор: CompDocs www.docs.com.ru

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

Для тех, кто упорствует в ереси, есть решение с таблицей. Трудность в том, что
никакого атрибута HEIGHT в стандарте нет, поэтому его реализация - это
индивидуальные затеи браузера. Поэтому решение, которое предлагается здесь,
нарочито неправильно и нестандартно.

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">

Текст, картинка или табличка в центре экрана
</td>
</tr>
</table>


Источник
Автор: CompDocs www.docs.com.ru

Здесь мы вынуждены приспосабливаться к браузерам, которые не следуют стандарту
и показывают CR LF так, как бог на душу положит. Обычно - как пробел, хотя в
стандарте и сказано, что CR LF не должны показываться.

Первое решение с таблицей. Здесь есть надежда, что пустоты, не относящиеся к
ячейкам, показаны не будут.

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><img src=...></td>
<td><img src=...></td>
</tr>
</table>


Второе решение тоже обходит противоестественные склонности браузеров. Картинки
описываются без промежутков между тегами:

<img src=...><img src=...><img src=...><br><img src=...><img src=...>

Чтобы убрать промежутки между ячейками в таблице, которая
получилась в результате разрезки целой картинки на куски?

Пропишите в таблице параметры border="0" cellspacing="0" cellpadding="0"

Также нужно убирать пробелы и возвраты каретки между <td>, <img> и </td>.
Например, так:

<td><img src="kusok.gif" width="XXX" height="YYY" border="0"></td>

Если на картинки навешаны ссылки, то <a> и </a> тоже должны быть вставлены без
пробелов:

<td><a href="..."><img ...></a></td>

И еще раз проверьте, правильно ли вы нарезали картинки и указали их размеры.

Источник
Автор: CompDocs www.docs.com.ru

В HTML 4 появилось еще одно значение для атрибута ALIGN абзаца. Третьими
браузерами не поддерживается.

<p align="justify">
Ваш текст
</p>

Можно также использовать CSS:
P{text-align:justify;}

Источник
Автор: CompDocs www.docs.com.ru

Это делается разными методами в IE и NN и может вызвать большие проблемы в
разных операционных системах и разных кодировках.

Рекомендуется вместо этого использовать стандартные font-family: serif (шрифт
с засечками типа Times), sans-serif (рубленый, типа Arial) и monospace
(моноширинный шрифт типа Courier). Не рекомендуется использовать fantasy и
cursive - в IE это также может вызвать проблемы с кодировками, а в NN просто
игнорируется.

Для небольших кусочков текста (заголовки, кнопки, спецсимволы) можно
воспользоваться картинками, разумеется, с указанием параметра ALT.

Источник
Автор: CompDocs www.docs.com.ru

Точно так же, как убирают любую другую рамку вокруг любой другой картинки:
<img border="0" ...>

Источник
Автор: CompDocs www.docs.com.ru

<body leftmargin="X" topmargin="Y" rightmargin="X" bottommargin="Y"
marginwidth="X" marginheight="Y">

Для нулевых отступов X=Y=0

Грамотно также будет добавить в стили документа:
<style type="text/css"><!--
body{margin:0px;padding:0px;}
--></style>


Источник
Автор: CompDocs www.docs.com.ru

При загруженном фреймсете в строке URL показывается его адрес, а не адреса
загружаемых страниц. Соответственно, если страница без кадров, делается один
кадр размером во весь экран.

Чтобы при нажатии на определенную область картинки происходил переход
на один адрес, а при нажатии в другой области - на другой?

Стандарт позволяет пользоваться картами изображений. Полный формат описания
карт поищите в стандарте. Обратите внимание, что при описании самой карты
пишется просто "имя_карты", а при описании картинки пишется "#имя_карты", то
есть здесь уже ссылка.

<img src="адрес_картинки" usemap="#имя_карты">
<map name="имя_карты">
...
</map>


Источник
Автор: CompDocs www.docs.com.ru

<!-- это комментарий -->
<!-- это тоже,
только занимает больше одной линии -->


Не допускается пробел между "<!" и "--", но разрешен пробел между "--" и ">".
Типичная ошибка - использование цепи дефисов ("---") в пределах комментария.
Нужно избегать помещения двух или более смежных дефисов внутри комментариев.

Довольно частая проблема - использование оператора уменьшения на единицу в
блоке JavaScript (myVar--), вместо этого используйте оператор "-=" (myVar-=1)

Источник
Автор: CompDocs www.docs.com.ru

<HEAD>
<STYLE type="text/css"><!--
a.noneline {text-decoration: none;}
--></STYLE>
</HEAD>

После чего применяем этот стиль: <A HREF="ссылка" CLASS="noneline">

Источник
Автор: CompDocs www.docs.com.ru

<HEAD>
<STYLE type="text/css"><!--
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
--></STYLE>
</HEAD>


Источник
Автор: CompDocs www.docs.com.ru

<HEAD>
<STYLE type="text/css"><!--
a:hover {color:#RRGGBB;text-decoration:underline;}
--></STYLE>
</HEAD>


Этот код не будет работать в IE4.x.

Источник
Автор: CompDocs www.docs.com.ru

Это делать не рекомендуется, поскольку прокрутка с неподвижным фоном
выполняется медленнее.

Если уж ни в какую без этого не обойтись, то вот пример странички с
неподвижным фоном в IE3+, NN4+ и Opera:

<html>
<head>
<title>Страничка с неподвижным фоном</title>
<style type="text/css">
<!--
body{background-image:URL('back.gif');background-attachment:fixed;
margin:0px;padding:0px;}
#body{position:absolute;z-index:1;width:100%;}
-->
</style>
<script language="JavaScript1.2">
<!--
var oldScrollX=0;
var oldScrollY=0;
var NN=(((document.layers)?true:false) &&
navigator.appVersion.charAt(0)=="4");

function fixBg() {
if (window.pageXOffset!=oldScrollX || window.pageYOffset!=oldScrollY){
document.layers['bg'].left=oldScrollX=window.pageXOffset;
document.layers['bg'].top=oldScrollY=window.pageYOffset;
}
}

function makeBg() {
if (NN) {
document.layers['bg'] = new Layer(window.innerWidth);
document.layers['bg'].left = 0;
document.layers['bg'].top = 0;
document.layers['bg'].height = window.innerHeight;
document.layers['bg'].background.src = 'back.gif';
document.layers['bg'].visibility = 'show';
document.layers['bg'].zIndex = 0;
document.layers['bg'].document.open();
document.layers['bg'].document.write('<table width="100%" '+
'height="105%" border="0" cellspacing="0" cellpadding="0">'+
'<tr><td>&nbsp;</td></tr></table>')
document.layers['bg'].document.close();
setInterval("fixBg();",100);
}
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
marginwidth="0" marginheight="0" background="back.gif"
bgproperties="fixed" onLoad="makeBg();"><script language="JavaScript1.2"><!--
if (NN) document.write('<div id="body">')
//--></script>
....
....
....
Baш HTML
....
....
....
<script language="JavaScript1.2"><!--
if (NN) document.write('</div><table height="NNNN">'+
// ^^^^
//Здесь пишем высоту странички в пикселах при разрешении 640x480
'<tr><td>&nbsp;</td></tr></table>');
//--></script></body>
</html>


Источник
Автор: CompDocs www.docs.com.ru

Категории раздела

HTML- вопросы и ответы [14]
Часто задаваемые вопросы (FAQ) по HTML

Регистрация в каталогах

Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Последнии коментарии

Мини чат

Только зарегистрированные
посетители могут писать в чате.
  
     

Вход на сайт

     
     

Информация:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статистика