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; И нужно уменьшить длину блоков, чтобы они помещались на экране, когда стоят рядом. Хотя тут от разрешения экрана зависит.