Xpoint
   [напомнить пароль]

FAQ форума HTML-верстка::Верстка

Оглавление

Как сделать иконку для "Избранного"?

Необходимые размеры иконки — 16x16 пикселей.
Для создания иконки воспользуйтесь редактором иконок, например тем, который входит в дистрибутив Microsoft® Visual Studio® или любым другим из доступных вам редактором. Независимо от редактора, который вы используете, убедитесь, что вы установили в редакторе размер создаваемых иконок 16x16 пикселей. В противном случае Internet Explorer будет игнорировать созданные вами изображения.
После создания иконки, вы должны связать её с вашей веб-страницей. Один из способов — это сохранение иконки с заданным по умолчанием именем favicon.ico в корневом каталоге вашего домена, например, www.microsoft.com/favicon.ico. Каждый раз, когда ваша страничка добавляется пользователем в Избранное, Internet Explorer автоматически находит этот файл и помещает в Избранное иконку и ссылку на ваш сайт.
Также вы можете связать иконку с вашей веб-страницей путем сохранения иконки с именем, отличающимся от favicon.ico, и добавлением строки с HTML-кодом в секцию <head> вашей страницы. Строка кода включает тег <link>, который указывает на местоположение и имя вашего файла. Вы можете включить этот тег <link> в базовую страницу.

<head>
<link rel="shortcut icon" href="http://www.mydomain.com/myicon.ico">
  <title>My Title</title>
</head>

Оригинал статьи (in english).
Редактор иконок Microangelo.
Редактор иконок AWicons (бесплатен для жителей бСССР)

Как удалить пробелы между элементами (картинками)?

Отступ появляется из-за переноса строк. Вытяните всю конструкцию в одну строку и посмотрите что будет.
Обратите внимание на то, что <br> должен быть на той же строке, что и тэг <img ...> (не ставьте между ними перевод строки).

Как сделать чтобы текст, который обтекает картинку, начиная с определенной строки этого текста, перестал обтекать эту самую картинку?

В место разрыва нужно поместить:

<br style="clear: both">

О тире, переносах и других специальных символах

  1. &shy; — символ мягкого переноса: &shy; — &#173;. Если надо сделать перенос, показывает дефис, если не надо, прячет (так этот символ, правда, работает только в Internet Explorer, поэтому его использование не рекомендуется).
  1. Длинное тире (&mdash;) — это обычное тире, которое все знают (и которое, например, использовано в данном предложении). По типографским правилам оно должно отбиваться от соседних слов уменьшенными пробелами, но, из-за отсутствия таковых в Вебе, отбивается обычными. Короткое тире (&ndash;) используется исключительно для указания числовых и временных интервалов. Например, "стр. 20–22" или "1990–2000 гг.". Отбивается совсем уж мелкими интервалами, в Вебе — не отбивается совсем (кстати, в англоязычных текстах длинное тире также не отбивается). И, наконец, дефис "-" — используется для переносов и слов типа "во-первых".

Другие часто используемые символы:

  • &laquo; и &raquo; — кавычки-ёлочки (« »)
  • &bdquo; и &ldquo; — кавычки-лапки („ “) (используются внутри кавычек-ёлочек)
  • &hellip; — многоточие (…)
  • &copy; — копирайт (©)
  • &reg; — зарегистрированная торговая марка (®)
  • &trade; — торговая марка (™)
  • &deg; — градус (°)
  • &sect; — параграф (§)
  • &euro; — Евро (€)
  • &plusmn; — плюс-минус (±)
  • &acute; — апостроф (´)
  • &times; — знак умножения (×)
  • &Prime; и &prime; — двойной и одиночный штрихи (″) (′) (минуты и секунды, футы и дюймы)
  • &mdash; и &ndash; — длинное и короткое тире (—) (–)
  • &nbsp; — неразрывный пробел ( )
  • &ensp; — средний разрывной пробел ( )
  • &emsp; — длинный разрывной пробел ( ) (применяют в конце предложений)
  • &thinsp; — узкий пробел ( ) (применяют в двойных словах)

Взято с http://html.manual.ru/book/info/specialchars.php

Как убрать отступы ("пустые строки") до и после тега <form>?

Через стили, например так:

<form style="margin: 0px; padding: 0px">

Как уменьшить/убрать отступы от края браузера до содержимого сайта?

Указать в стиле для тега <body> нулевые отступы. Например:

<body style="margin: 0px; padding: 0px">

Как прописать ссылку на файл в директории "а" из файла, находящегося в директории "b" (обе директории находятся в каталоге "с")?

Или:

<a href="../а/xxx.htm">xxx</a>

Или:

<a href="/c/а/xxx.htm">xxx</a>

Как "слепить" два слова при align="justify"?

При использовании align="justify" часто бывает, что два небольших слова разносятся по разным краям страницы, а хочется чтобы между ними оставалось расстояние одного пробела. Для достижения нужного эффекта вставьте между словами неразрывный пробел &nbsp;. Пример:

слово_1&nbsp;слово_2

Почему не работает стиль ссылок?

Если стили ссылок a:link, a:hover, a:visited не работают или работают неправильно, следует обратить внимание на порядок расположения их в файле CSS.
Правильный код должен выглядеть так:

a:link {}
a:hover {}
a:visited {}
a:visited:hover {}

Последние два правила позволяют указать разное оформление псевдокласса :hover для посещённых и непосещённых ссылок.
Либо можно использовать упрощенный вариант:

a:link {}
a:visited {}
a:hover {}

Как сделать, чтобы фон страницы не прокручивался?

Задать следующие стили для тега <body>:

<body style="background-attachment: fixed">

Можно ли как-то задать типы файлов в <input type="file">?

Нельзя

Как открыть ссылку в соседнем фрейме, а не там, где находится сама ссылка?

Указываем в ссылке атрибут target с именем целевого фрейма:

<a href="page.html" target="otherFrame">ссылка</a>

Целевому фрейму присваиваем имя (атрибут name):

<frame src="..." name="otherFrame">

Почему при загрузке странички прыгает текст и картинки?

У вас не прописаны размеры картинок <img width="xxx" height="xxx" ...>

Вид курсора

MSIE и большинство современных браузеров позволяют управлять видом курсора при наведении его на объект. Например, если в стилях объекта указать style="cursor: pointer" (для ранних версий MSIE < 6 следует использовать "cursor: hand") курсор принимает вид руки (как при наведении на гиперссылку).
Существует еще множество видов курсоров:

  • wait — песочные часы;
  • crosshair — крестик;
  • default — стрелка;
  • move — крестообразная стрелка;
  • e-resize — стрелка вправо;
  • w-resize — стрелка влево;
  • s-resize — стрелка вниз;
  • n-resize — стрелка вверх;
  • se-resize — стрелка вниз и вправо;
  • sw-resize — стрелка вниз и влево;
  • ne-resize — стрелка вверх и вправо;
  • nw-resize — стрелка вверх и влево;
  • text — значок текста;
  • help — стрелка с вопросом.

В IE6 можно задавать свой собственный курсор: style="cursor:url(путьккурсору)".
В целях кроссбраузерности, при указании курсора в виде руки, необходимо указывать сначала hand (для ранних версий MSIE), потом pointer (для новых браузеров): style="cursor: hand; cursor: pointer;".

Как сделать, чтобы background не размножался?

Нужно прописать в стилях:

  • не размножался вообще

   style="background-repeat: no-repeat;"

  • размножался только по горизонтали

   style="background-repeat: repeat-x;"

  • размножался только по вертикали

   style="background-repeat: repeat-y;"

Powered by POEM™ Engine Copyright © 2002-2005