sammasati

Спасибо большое! Выходит загадка таилась в "a:hover span", но не до конца понимаю, как работает: Получается указание a:hover span" заставляет слушать на предмет hover и "a span" и "a" целиком, но эффект каснётся только span. Так чтоль? При составных селекторах (типа div p, a span, table td, section article ul li a) стили всегда применяются к последнему селектору. "a span" - стиль применится ко всем спанам, находящимся внутри ссылки. "a:hover span" - то же самое, но для наведенной ссылки. Ховер слушается для ссылки, а не для спана.

onkeypress срабатывает когда нажимаешь на клавишу, в момент между нажатием и появлением нажатой кнопки в инпуте. Т.е. функция go срабатывает ДО того, как в инпут запишется нажатая клавиша. Соответственно, когда у тебя введено 1, ты нажимаешь 2, он берет то, что есть, т.е. 1, запускает функцию и только после этого добавляет 2. Чтобы всё было ок, нужно onkeypress заменит на onkeyup

Отрицательные марджины лишние, костыль какой-то. Ну и <div id="empty_line"></div> тоже не нужен. Вот, мне кажется так лучше: http://jsfiddle.net/zGxwc/

Вот так будет правильнее, т.к. там в ячейке есть еще один .spez_line_menu, который убирать не надо.

.blocktitle { ... margin-left: -35px; }

Всё из-за высоты строки. Ты увеличил шрифт, но высота строки осталась прежней, поэтому буквы торчат сверху. Когда меняешь размер шрифта не забывай и про line-height. Высоту строки можно установить прямо в свойстве font: font: 55px/1 'as_black_swanregular'; Цифра после слеша и есть высота строки. Обрати внимание, что она указывается без единиц измерения. 1 — это высота, равная размеру шрифта,1.5 — полтора размера шрифта и т.д.

Ошибка в том, что ты пытаешься поднять родительский элемент над дочерним. А этого сделать нельзя. А если бы можно было, то он бы перекрыл ссылку и она бы перестала реагировать на мышку. Твою проблему можно решить например вот так: http://dabblet.com/gist/5225213

Да ничего с ним не делать. В качестве обучения — да, можно поэкспериментировать, а на практике он не нужен.

Такой подход плох тем, что ты перепутал всё, а именно, используешь стили для создания контента. Всё должно быть наоборот — html задает логическую структуру документа и контент, а css наводит во всём этом красоту. У тебя же получился какой-то шаблонизатор на css Ну и плюс к этому, зачем усложнять себе работу, если можно всё это сделать на html быстро и просто? И ещё у тебя теряется семантика html-кода.

Ещё вариант, с регуляркой — http://jsfiddle.net/heb3Y/ После этой функции пробелов в конце строки уже не будет.

Похоже, из последних версий jqueryui убрали события select, show и т.д. для табов — http://api.jqueryui.com/tabs/ Вместо select'а теперь activate: <script> $(function() { $("#tabs_zakaz").tabs({ activate: function(event, ui){ console.log(ui.newTab.index()); }, }); }); console.log(444); </script>

На самом деле координаты отсчитываются не от ячейки, а от окна. Относительно ячейки нельзя позиционировать элементы. Поэтому, нужно делать так: <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;position:relative;"> <img src="1.jpg" height="886" width="955"> <div style="position: absolute; width:3px; height:50px; background:#f00;top:418px; left:50%; margin-bottom:-50px"></div> <div style="position: absolute; width:50px; height:3px; background:#f00;top:443px; left:50%;line-height:1px;margin:0 0 0 -25px;"></div> </div> </td> <td height="100%" width="50%" bgcolor="#006633"> <div id="okno2" style="height:100%;position:relative;"> <img src="1.jpg" height="886" width="955"> <div style="position: absolute; width:3px; height:50px; background:#f00;top:418px; left:50%; margin-bottom:-50px"></div> <div style="position: absolute; width:50px; height:3px; background:#f00;top:443px; left:50%;line-height:1px;margin:0 0 0 -25px;"></div> </div> </td> </tr> </table> "left: 50%" и "margin:0 0 0 -25px" добавлены для резиновости. Можно и фиксированные значения поставить. Советую почитать: http://htmlbook.ru/s...vanie-elementov в частности раздел про вложенные слои.

Да, многовато блоков. Я бы не стал делить на top-section и bottom-section. Для бордера можно положить в отдельный блок фотку, название и цену товара и этому блоку поставить нижний бордер. От блока <div class="text"> тоже можно отказаться и положить название товара в span, а цену уместить в <span class="price">123<span class="currency"> р.</span></span> Строку "Товаров в корзине: 3 , на 999 р" тоже можно запихнуть в один span с вложенными span'ами. Блок <div class="continue_outer"> тоже не нужен, отступ у ссылки можно отрегулировать line-height'ом. Блок <div class="button_area"> не нужен, можно назначить ссылке display: block. Ну и теньку можно сделать с помощью псевдо-элементов, чтобы не путать html-код с оформлением.

Игнорирует он его, потому что абсолют выносит блок из потока, и блоки в потоке его не видят. Вот, по-другому сделал — http://jsfiddle.net/6Tz7H/3/

<div id="one" > ... <div/> Вот здесь опечатка. Ещё блоку #six нужно тоже добавить свойство float: left; И нужно уменьшить длину блоков, чтобы они помещались на экране, когда стоят рядом. Хотя тут от разрешения экрана зависит.

html-код нужно редактировать в html файле. В каком именно мы не можем сказать, потому что все html файлы разные и называются по-разному. А мы не телепаты. css-код тоже нужно сохранять в css-файле, который подключается к html-файлу. Я надеюсь, ты свой сайт редактируешь? Изменения можно делать только в html и css файлах, к которым у тебя есть доступ. Firebug'ом нельзя взять и изменить сайт в интернете

Вот так http://jsfiddle.net/6Tz7H/

Выложи код на jsfiddle.net

У меня такая же беда. И наверное проблема тут в типе мышления. Кому-то не состаляет труда придумать что-то и нарисовать, а для кого-то это, как ты написал, мука. Хотя я видел нескольких людей, которые умели довольно неплохо рисовать дизайны и верстать их. Могу порекомендовать вот эту книгу — Веб-дизайн. Руководство разработчика. Автор: Джейсон Берд. В книге шаг за шагом описан процесс создания сайта и на каждом шаге даётся базовая теория. Композиция, сетки, цвета, текстуры, типографика. Это чтобы составить общее представление о процессе создания дизайна сайта. А дальше, наверное, нужно будет уже читать более узко специализированные книги по колористике, композиции, гармонии и т.п. Ну и самое главное — практика.

Ещё вариант — http://jsfiddle.net/zsNbf/2/

Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если кому интересно — http://pastebin.com/eZmmwDt6

h2 { opacity: 1; }

Фиксированное положение - http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov

Вот примерно так: http://jsfiddle.net/9VnRz/

1. <nav class="shopping">...<nav class="support-head"> - это не навигация, вместо нав лучше использовать списки. 2. <p class="head-tel"> - это не параграф. Тут лучше использовать спан или див. 3. <p class="login">, <p class="login"> - то же самое. Тут должны быть дивы, а не параграфы. 4. <img src="images/phone-img.jpg" width="940" height="74" ...> - размеры лучше задать в стилях, тем более, что у родителя есть класс. 5. Опять же использование nav не там, где нужно. Он применяеться только для основной навигации сайта, во всех остальных случаях лучше использовать ul. 6. Опять же не уместное использование параграфов. Для не семантичных блоков лучше подходит "безликий" div. Ну вот как-то так. Может кто-нибудь ещё добавит.