SurPaul

один раз сделал вот так: <script src="name.js"/> страница "белая" получилась)

создайте один css-файл и подключите ко всем страницам: <link rel="stylesheet" type="text/css" href="название.css">

я про "сам сайт" и говорю

согласен

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

Для начала нужно в "голову" страниц, которые нужно проиндексировать (индексация сайта – это добавление сайта в базу данных поисковой системы), добавить мета-теги (мета-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей. Многие из поисковых систем на сегодняшний день активно используют мета-теги. Использование мета-тегов позволит поисковому роботу правильно и качественно проиндексировать ваш сайт. Все просто, поисковый робот заходит на сайт, анализирует его содержание, мета теги и определяют, к какой теме относится сайт. Для того чтобы можно было показать сайт людям, которые ищут то, что есть на вашем сайте): Тег Author Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки. Информационные теги могут содержать атрибут Lang, указывающий язык, на котором написано значение свойства. Пример: <meta name="author" lang="ru" content="Фамилия, Имя">. Тег Description Служит для краткого описания странички. Он используется поисковыми машинами для индексации и в качестве краткой аннотации при ссылке в ответе на запрос. И именно по содержанию этого тега пользователь поисковой системы будет оценивать, соответствует ваш сайт его ожиданиям или нет. Если тег Description отсутствует, то в качестве описания поисковые машины используют первую строку текста или отрывок из текста с найденным ключевым словом. Желательно чтобы длина описания не превосходила 80 символов. Пример: <meta name="description" content="Описание"> Тег Document-state Мета-тег Document-state - предназначен для управления индексацией поисковых роботов. Может иметь два значения: Static - Нет необходимости индексировать эту страницу в будущем. Dynamic - Индексировать эту страницу регулярно (по умолчанию). Режим "Static" предназначен для страниц, которые не меняются в принципе. Если содержание вашей страницы периодически меняется, то использовать этот тег необязательно. Пример: <meta name="document-state" content ="значение"> Тег Keywords Мета-тег Keywords используется поисковыми машинами для оценки релевантности. Слова, содержащиеся в теге Keywords, рассматриваются поисковыми машинами как ключевые слова. Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз. В мета-теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит. В большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе, даже если поиск задан в единственном числе. Поэтому рекомендуется в тег Keywords заносить существительные во множественном числе. Пример: <meta name="keywords" content="пример, meta, тега"> Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотрите описание мета-тега Content-Language). Пример: <META Name="Keywords" lang="ru" content="пример, meta, тега"> <META Name="Keywords" lang="en-us" content="meta tegs, example"> Но более предпочтительно сделать отдельные страницы, каждая на своем языке с переходами с одной на другую, с помощью тегов <a> и <link>. Тег Revisit Тег Revisit - указывает поисковому роботу, через сколько дней ему нужно вернуться и переиндексировать данный документ. Пример (приходить раз в неделю): <meta name="revisit" content="7"> Robots Мета тег Robots - содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети. Значение свойства Robots может состоять из следующих директив, разделенных запятыми: Index - эта страница должна быть индексирована. Noindex - эта страница не должна индексироваться. Follow - прослеживать гиперссылки на странице. Nofollow - не прослеживать гиперссылки на странице. All - = index, follow (принято по умолчанию). None - = noindex, nofollow. Тег <meta name=robots content="all"> ничего не меняет в работе робота поисковой машины, так как значение "all" принято по умолчанию. При использовании тега, запрещающего отслеживание гиперссылок <meta name="robots" content="index,nofollow"> часть сайта может остаться не проиндексированной, так как внутри сайта роботы перемещаются по гиперсылкам. И те страницы, переход на которые заблокирован, не будут индексированы. Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt. Тег URL Мета-тег URL - служит для исключения из индексации генерируемых страниц и зеркал. Встретив этот тег, робот поисковой машины должен прекратить индексацию текущего документа и перейти по указанной ссылке. Пример: <META name="URL" content= "http://www.site.com"> Тег Content-Language Мета-тег Content-Language - это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту. Некоторые возможные значения (стандарт [iSO639], [iSO3166]): de - Немецкий. el - Греческий. en - Английский. en-GB - Английский - Великобритания. en-US - Английский, Американская версия. en-cockney - Английский, диалект кокни. es - Испанский. fr - Французский. it - Итальянский. i-navajo - Навахо (Северная Америка). ja - Японский. he - Иврит. nl - Голландский. ru - Русский. pt - Португальский. zh - Китайский. Пример: <META HTTP-EQUIV="Content-language" content ="ru"> В спецификации HTML 4.0 есть альтернативная возможность явного указания языка - <html lang="en"> Content-Type Мета тег Content-Type - Отвечает за указание типа документа и кодировки символов. Использовать мета тег Content-Type надо только с учетом некоторых нюансов. Во-первых, кодировка символов текста должна соответствовать кодировке, указанной в теге. Во-вторых, сервер не должен менять кодировку текста при обработке запроса броузера. В-третьих, если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег Content-Type. Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x - 4.x и Netscape 4.x. Некоторые из возможных типов кодировки (стандарт [iSO10646]): UTF-8 - от англ. Unicode Transformation Format — формат преобразования Юникода. Самая распространённая кодировка ISO-8859-1 - Latin-1, для большинства западноевропейских языков. Windows-1251 - Кириллица (Windows). KOI8-r - Кириллица (КОИ8-Р). cp866 - Кириллица (DOS). Windows-1252 - Западная Европа (Windows). Windows-1250 - Центральная Европа (Windows). shift_jis - Япония (Windows). Пример: <META HTTP-EQUIV=”Content-Type” content="text/html; charset=windows-1251"> После выполнения первого действия нужно сообщить о новом сайте: Яndex

<html> <head> <title>Menu</title> <style> h1 { font-size: 23pt; font-family: Comic Sans MS; background:url(http://i29.fastpic.ru/big/2012/0109/d2/030db595cdc6d1898def9cd70e3959d2.jpg) repeat-x; color: #fff; height: 51px; text-align: center } #menu { width: 100%; height: 51px; margin: 0px; padding: 0px } #menu ul, li { font-family: Lucida Sans Unicode } #menu ul { list-style:none } #menu li { list-style:none; display:block; float:left; line-height:51px; border:solid #636363; border-width:0 2px 0 2px; background:url(http://i29.fastpic.ru/big/2012/0109/d2/030db595cdc6d1898def9cd70e3959d2.jpg) repeat-x; height:51px; margin:0 1px 0 0 } #menu li a { display:block; float:left; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none; padding:0 25px; height:51px } #menu li a:hover { color:#fff; background:url(http://i29.fastpic.ru/big/2012/0109/53/cceae00136184bd0928925368293d153.jpg) repeat-x } #menu li a.current { display:block; float:left; background:url(http://i29.fastpic.ru/big/2012/0109/53/cceae00136184bd0928925368293d153.jpg) repeat-x; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none; padding:0 25px } #menu li a:hover.current { color:#fff } </style> </head> <body> <div id="menu"> <ul> <li><a href="#" class="current">Главная</a></li> <li><a href="#">Информация</a></li> <li><a href="#">Фото</a></li> <li><a href="#">Чат</a></li> </ul> <h1>Название</h1> </div> </body> </html> Ошибок в коде CSS нет? Может все так криво из-за какой-то небольшой ошибки? Если после изменения какой-то свойства ничего не поменялось, значит браузер его не прочел из-за ошибки или оно было поставлено еще раз где-то ниже по коду. ошибок нет

бесплатный хостинг ucoz.ru. я туда просто закачал свои html-файлы (так для меня удобнее и рекламы нет )

а я через оперу редактирую хтмл, цсс и яваскрипт. а блокнот у меня чё-то глючит немного, эт я так комп "почистил" наверно)))

читал "HTML5, CSS3 и Web 2.0. Разработка современных Web-сайтов" (В. Дронов) там про js тоже есть и про библиотеку Ext-Core. но я если чесно про js не чё почти не понял)) сейчас читаю "Веб-мастеринг. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка" (П. Ташков) интересно обо всём) html и css щяс знаю нормально (ну по крайней мере для своего возраста ), js плохо, но знаю))

если поставлю 100% - будет вот так: подумал что получится, заменил код, но всё равно не работает, скроллится... странно... вот так "неправильно и криво": поставил "width: 100%" (всё равно не правильно, но уже лучше): а должно быть вот так: и ещё какой-то глюк тут... в таблице стилей добавил "position: fixed", открываю страницу которая должна была измениться, но там всё тоже самое, изменяется только если в html-коде изменить (...<div id="menu" style="position: fixed">...). хотя таблица стилей подключена к странице и названия блоков правильные

помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.

здесь лучше: http://pip.qip.ru/ http://api.yandex.ru/share/

и чё это за "оптимизация"?? это тоже CSS

а это вообще JS?? по-моему это PHP.