sammasati

Он ещё и отменяет действие float'а. Ну или по-научному "задает отдельный блочный контекст форматирования". Но тут SelenIT больше меня разбирается, может он объяснит. А вот ещё можно почитать: http://htmlbook.ru/samlayout/blochnaya-verstka/plavayushchie-elementy

Странно. У меня в хроме все ок. Справа синий блок. А без overflow: hidden синий блок есть? А версия хрома какая?

А что не так? По-моему, все верно. Раньше контент в правой колонке начинался после контента в левой, а теперь он начинается с начала блока, как и должно быть.

Правой колонке нужно overflow: hidden; добавить. Должно помочь.

А в первом посте другое написано:

Там не нужны маргины. Достаточно блоку-контейнеру задать text-align: center; а дочерним блокам display: inline-block; и все выровняется по центру.

.sitemap { text-align: center; ? добавить } .sitemap .item { float: left; ? удалить vertical-align: -1px; ? добавить line-height: 20px; ? добавить } .sitemap .brd { float: left; ? удалить display: inline-block; ? добавить }

Вот это классная вещь. Более понятного объяснения времен, чем в этих видео я нигде не видел. Правда там, по-моему, совершенные времена не объясняются. "который предоставляет веб-приложениям скриптовый доступ к IME" to provide something with access - это предоставлять чему-то доступ, обеспечивать что-то доступом. IME - в википедии переведено как "Редактор метода ввода" Тут не совсем понятно, т.к. тут вместо перевода associated можно взять другое русское слово, которое более подходит в данной ситуации. А для этого нужно понимать, что это за IME API, как он работает и что за юзер-агент у хостинга. В данном случае, script - это компьютерный термин, а мы его так и произносим "скрипт". -ed - да, окончание глагола, поэтому scripted - заскриптованный, ну тут опять нужно понимать как вся эта хрень работает. Скорее всего, имеется ввиду доступ к IME через javascript. Нужно смотреть структуру предложения. У нас здесь access является объектом действия, поэтому оно существительное. Связанный, объединенный. Да, на русский язык переводится причастием. Да, тебе нужно научиться видеть структуру предложения. Можешь погуглить на тему членов предложения (не важно в русском или английском). В частности почитай про субъект, предикат и объект. У меня как-то сами собой слова раскладываются по полочкам во время чтения и вопросов о том, где глагол, а где существительное не возникает. Ну и старайся больше читать. Желательно не технические документации, а что-нибудь художественное, т.к. в документациях нужно владеть темой, а если не владеешь, то это только усложняет перевод и понимание. Успехов

Да, можно спокойно в конце добавлять, но не в начале. Имя идентификатора должно начинаться только с буквы.

Так, а что там думать? Открываешь firebug и смотришь. Там создан невидимый блок с выпадающим списком, который показывается джаваскриптом при фокусе на инпуте.

Имя идентификатора не может начинаться с числа.

Если я правильно понял задачу, то нужно заменить width: 1260px; на max-width: 1260px; у блока #container1 и заменить width: 1240px; на max-width: 1240px; у блока #content, ну и добавить последнему min-width: 960px;

Да, все дело в <pre>. Можно сделать вот так: http://jsfiddle.net/uMCmu/1/ Тогда и <pre> будет и перенос будет.

До того уровня, который у меня сейчас - как-то сам собой выучился. А специально я его учил только в школе и сейчас учу в институте (учусь на лингвистике, только на 2 курс перевелся). А вообще, все зависит от того, для чего он тебе нужен. Если для чтения - то нужно читать, читать и читать. Главное не начинать читать с новостей, там довольно сложный английский. Можно начинать с адаптированных книг, а с грамматикой не париться вообще. Знаю, что есть одна методика: берешь книжку на английском языке и читаешь её без словаря. Но тут нужен какой-то начальный словарный запас, а все новые слова становятся понятными из контекста. Они так даже проще запоминаются.

Если текст с пробелами, то все должно быть ОК: http://jsfiddle.net/uMCmu/

Вот, как вариант: http://jsfiddle.net/qnr9Y/3/

1. Первое, что сразу бросилось в глаза, а точнее нифига не бросилось - ссылки. Где ссылки? При визуальном осмотре страницы ссылки должны быть сразу видны. И они должны реагировать на наведение курсора. Я не фанат Темы, но все же - http://www.artlebedev.ru/kovodstvo/sections/171/ 2. Стили очень желательно выносить в отдельный файл и подключать его с помощью тега link. В больших проектах стили разрастаются на несколько сотен строк и очень сильно мешали бы будь они в самом html-файле. Да и вообще, это удобно. 3. Желательно по-меньше использовать id. А точнее, использовать его только для скриптов. Уже не помню чем они плохи, но все же. Для задания стилей достаточно классов. 4. Желательно отказаться уже от этого длиннющего доктайпа и использовать <!DOCTYPE html>. И мета-тег с кодировкой тоже сокращается до <meta charset="utf-8"> 5. Желательно объединять css-инструкции. Т.е. использовать краткую запись некоторых инструкций. Вместо вот этого: -moz-border-radius-topleft: 10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; можно написать так: -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; Вместо этого: background:url(img/head.png) no-repeat; background-position:49px 9px; вот это: background:url(img/head.png) 49px 9px no-repeat; А вместо этого: padding-left:39px; padding-top:80px; вот это: padding: 80px 0 0 39px; Удобно? Удобно. 6. Где тег h1? Нужно соблюдать вложенность заголовков. Не может с бухты барахты идти h2. Перед ним должен быть h1. Для проверки иерархии заголовков можно пользоваться инструментом Document Outline из плагина WebDeveloper для Firefox и Chrome. 7. Для следующей верстки бери макет по-сложнее. Старайся пока обучаешься не верстать одно и то же. С каждого нового макета выноси что-нибудь новое для себя. Успехов!

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

Ок. Рад был помочь

Можно. Создаешь новый блок, в который кладешь сайдбары. Получается вот такая структура: Только стили не через атрибут прописывай как на картинке, а через файл стилей: .sidebars { float: left; width: 322px; overflow: hidden; }

Для контента здесь: .sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */ float: left; width: 764px; <——————- margin-left: 0px; margin-right: -784px; <—— И здесь тоже придется править. Добавить 20px к ширине } Для сайдбара здесь: .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */ float: left; width: 176px; <————————- margin-left: 784px; <———-- Здесь также как и в контенте margin-right: -980px; }

Тогда нужно все сайдбары обернуть в обертку и поставить ей стили сайдбара (float: left; и width: 322px). P.S. и overflow: hidden; ей тоже нужно добавить

Если я правильно понял задачу, то достаточно сайдбару добавить float: right;

Есть специальные плагины для браузеров, которые меняют User-Agent. Например https://addons.mozilla.org/ru/firefox/addon/user-agent-switcher/ для Firefox или https://chrome.google.com/webstore/detail/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=en-US&gl=US для Google Chrome.

В настройках фотошопа поменять единицы измерения на пиксели