Старовер

Благодарю)

А незнание итальянского в счет? Ибо там UI Tutorial я находил только на итальянском, во всяком случае по той теме, которую искал) Ладно, флуд пошел, сам найду..

Встречный: разницу между "теория+практика" и "только практика" улавливаешь? А зря...

1. Документация не проявляет себя в теоретических вопросах. 2. Документация не последовательна. 3. Документация не содержит примеров. Максимум - псевдокод. 4. Если документация и содержит примеры, то последние представляют собой обрезки. 5. Все очень коротко.

Сделал шахматную доску. Таблица, в ней ячейки, в каждой ячейке див с определенным фоном и картинкой фигуры. Черные фигуры перемещаются нормально, а белые при перемещении падают под нижний слой. То есть оказываются под фоном и их уже нельзя "зацепить" мышью. Вот ячейка: <td id="td01" class="whitePiece"> <div class="draggable"> <img src="imgs/figures/icons/adventure/68/wn.png" alt="f*cking problem"/> </div> </td> .draggable{ background-color:transparent; } .whitePiece{ background:url(/imgs/boards/cold-marble/light.gif); }

Ну на русском ЖКвери туториал и не вобъешь как-то Находит в основном какой-то примерчик с описанием. Документация - это не туториал Ладно, похоже придется как-то выкручиваться по-другому)

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

Хм... как же тогда объяснять нужно))) Ну ладно: мне нужен туториал по JQuery, конкретно интересует работа с UI.

Sorrow, нет, потому что не знаешь или нет, потому что их нет?

Что такое Tutorial или что такое JQuery?

Подскажете?

Вот оно, решение!

Piece - это частичка. В данном случае - шахматная клетка)

Сделал draggable-компонент, хочу чтоб его могли принимать только некоторые компоненты, а не все, как счас. Вот draggable: $(document).ready(function() { $(".draggable").draggable(); });Тот droppable, на который должен "падать" перетаскиваемый компонент: $(".blackPiece").droppable({ accept: ".draggable", });

Там присутствуют JSTL-теги и EL(expression language). Ну сам рисунок 140, а ячейка не должна показывать весь рисунок - должна обрезать его по 70.

Ибо я homo nubos, пробую все подряд пока не получится результат.. Пасибо, так и сделал

Нет, все одно проблемы остались. Но теперь проблема только с последним рядком. Теперь он получается меньше, чем другие %) Вот таблица: .game table{ width:658px; height:658px; }Вот ячейки: .game td{ border:none; height:12.5%; width:12.5%; }

У таблицы стоял свой размер, чтоб подогнать под него, таблица растягивала последнюю ячейку. Похоже так.

Первые и последние две клетки: <table> <tr> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="/imgs/boards/cold-marble/dark.gif"/></div> </td> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="/imgs/boards/cold-marble/light.gif"/></div> </td> ................................................................................ .... <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="/imgs/boards/cold-marble/light.gif"/></div> </td> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="/imgs/boards/cold-marble/dark.gif"/></div> </td> </tr> </table>

1. Задаю ячейкам таблицы размеры 70х70px. 2. Внутри каждой есть див с картинкой. Размеры самого рисунка - 144х144px. 3. Таблица состоит из 8х8 ячеек(шахматная доска). 4. Последний ряд и последняя строка получаются вытянутыми. 5. Полагаю всему виной самая последняя(8;8) ячейка. Код(Java): <table> <c:forEach items="${gameRow.game.board.pieces}" var="pieceRow" varStatus="status"> <tr> <c:forEach items="${pieceRow}" var="piece"> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="<c:out value="${piece.imagePath}"/>"/></div> </td> </c:forEach> </tr> </c:forEach> </table>

Я вообще хотел сделать подобное. Но посмотрел код - там мало того, что таблица используется, а не див как я думал, так еще и картинка разбита на две части %)

Да кагбе... наоборот див меньше рисунка. Во всяком случае высота. А вдруг картинка поменяется? Каждый раз менять параметры в стилях? Это не выход, имхо.

Помещаю картинку в див. Хочу, чтоб див был той же ширины, что и картинка.

DIV .login{ background: url("/imgs/login.jpg") no-repeat center; }Но див имеет высоту, которая зависит от input'ов в нем, а я хочу, чтоб он растягивался на всю картинку.