Squidward

Спасибо. Натолкнули на идею. Превьюшки буду резать на сервере к единому размеру, а при выводе их в цикле на сервере буду заворачивать в блоки с нужными классами в зависимости от номера итерации; оборачивающим картинки блокам задам overflow:hidden, а картинки буду позиционировать по центру блока, так как на макете не у всех блоков одинаковые пропорции сторон. Или же не на сервере назначать классы блокам, а на клиенте через js, а до построения галереи скрывать ее и отображать анимированную гифку загрузки.

Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.

Хитрый молодой человек) Воткнуть <br>'ы - дешево и сердито, но, к сожалению, этого нельзя сделать... Движок-с.

Так это не то совсем. Вопрос в другом.

Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

Ура, работает!) Большое спасибо)

Здравствуйте. Для фрагментов html-кода, вставленных на страницу по определенному событию при помощи JQuery-функции .after(), не срабатывает событие click? При щелчке по такому элементу ничего не происходит. Пример: http://jsfiddle.net/33D3W/5/. Как решить проблему? Спасибо.

А почему в div? Хотелось бы услышать аргументы. Есть блок в шапке с телефонами, плавающий, представляет из себя див, и внутри него два телефона, которые во что-то обернуты.

Какой тег семантичней использовать для небольших однострочных кусочков текста? К примеру, в шапке есть блок с двумя номерами телефона, один под другим. Каждый номер нужно завернуть во что-нибудь. В <p>? Он вроде по смыслу предназначен для целых абзацев...

Здравствуйте. Существует меню. У него есть оберточный див #wrapper с шириной 100%, бекграундом и position:fixed, и сам блок меню #inner с фиксированной шириной и margin:0 auto. Когда размер окна браузера меньше ширины блока #inner, горизонтального скроллинга не возникает, и часть меню скрывается за правой стороной браузера. Можно ли исправить ситуацию? От меню, прилепленного к верху браузера (при вертикальном скроллинге), отказываться не хотелось бы. Прошу прощения за описание темы - это, оказывается, поле не для описания, а для тегов... Напрасно описание убрали, мне кажется.

И будет куча дублирующих данных в обеих таблицах. У фрукта может быть более чем одна страна, и у страны может быть более чем один фрукт.

Экий вы) Страна - это тоже единица сайта, которая имеет свои страницы и прочее. По идее LEFT JOIN + GROUP BY fruits.id. В таком случае фрукты да, выводятся (через while + mysql_fetch_array), плюс по одной стране около каждого фрукта. А как вывести все страны? Плюс мне же надо еще выводить ссылку на страницу страны, то есть к каждой стране надо еще прицепить id.

Здравствуйте. Имеем три таблицы: фрукты, страны (в которых они растут), и таблица их соотношения (так как один фрукт может принадлежать более чем одной стране). Пример: Задача: вывести список фруктов, и рядом с каждым фруктом список его стран. Думал как сделать, ничего не придумал кроме выборки сначала фруктов и вывода их в цикле, потом второй запрос для выбора стран внутри каждого цикла по id фрукта. Но это не есть гуд, как вы понимаете. Как новичок прошу совета (прикидывал и с временными таблицами, и с вложенными select, и с join'ами, но ничего не получилось). Спасибо.

Рано я обрадовался: в IE7 почему-то не работает word-spacing для дивов с inline-block (//display:inline и //zoom:1 для ие6-7 я прописал). Почему и как это исправить или заменить? Также ИЕ9 добавляет в ширину word-spacing дополнительнительный пиксель. ИЕ8 работает нормально...

Спасибо, да, помогло. В моем случае даже text-align:justify не нужно указывать, достаточно прописать для целевых блоков word-spacing с нужным значением отступа. А вот word-spacing уже оказалось необходимым, так как последняя (вторая в моем случае) строка не "justify'илась", а фишку с псевдоэлементом, заполненным iiii, из указанного вами решения, я не стал использовать.

Здравствуйте. Пример кода здесь: http://jsfiddle.net/vB4wZ/. Задача: вывести 4 float блока в родителе с фиксированной шириной, по 2 блока в "строке", чтобы между блоками было расстояние. Правый край блоков в "правом столбике" должен, разумеется, "соприкасаться" с правым краем родителя. У блоков один класс (блоки генерируются движком) и поэтому задать им разные стили нет возможности. Отступ между блоками реализуется правым маргином. Проблема: из-за margin'ов блоки не помещаются по два в родитель с фиксированной шириной и выстраиваются один под другим. Мое решение(реализовано в примере, показанном выше): завернуть блоки в дополнительный див, имеющий ширину бОльшую, чем родитель (бОльшую на значение выпадающего маргина), а родителю задать overflow:hidden. Решение работает, однако хотелось бы найти более изящный вариант (например, выпадение боковых маргинов за края родителя, если это вообще возможно, или другие способы). Спасибо.

Менял, не помогло... Да и клавиши тут ни при чем, если при переключении языка со значка мышью та же проблема.

При смене языка ввода на компьютере (неважно, с клавы или со значка в панели) центральное окно Dreamweaver'а становится неактивным, а активной становится боковая панель инструментов. В чем проблема?

Нет, это не Ариал, да и похоже не очень. К примеру, у Ариал заглавная буква "М" с вертикальными ножками, а здесь с наклоном.

Здравствуйте. Подскажите пожалуйста что за шрифт на картинке:

Собственно, есть горизонтальное меню, не помещающееся по ширине в блок. Нужно сделать для него прокрутку, осуществляющуюся при нажатии по стрелкам. Все готовые слайдеры, котрые я видел, требуют задания фиксированной ширины для элементов, а в моем случае <li> будут, разумеется, разной ширины. Сам я написать что-то не могу, с Яваскриптом не знаком. Либо же можно скроллить не при нажатии по стрелкам, а при событии onMouseOver (или как это называется) на стрелке, и тогда скроллинг должен происходить не на ширину <li>, а просто плавно, и остановиться должен только когда пролистан весь список. Если кто-то подскажет реализацию любого из вариантов, или предложит что-то свое, буду благодарен.

Не, так отступы никуда не денутся. Единственная у меня была мысля - навесить яваскриптом класс на четное-нечетное, в левом столбике как раз нечетное получится, в правом четное. А вот что дальше с этими классами делать, не знаю.

Ну ведь специально писал же, что нельзя два дива брать =) Нет такой возможности. Иначе я зачем бы вообще вопрос такой задавал?

Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/

А так то, что скрыто за скроллингом справа (если он есть), просто обрезается и при прокрутке мы видим, что кусок дива обрезан =)