Pumych

А можно увидеть картину в общем? Может быть найдется другое решение.

Возможен следующий вариант? Каждая строка отдельный UL (или DIV) по четыре изображения в каждом. На каждый блок с изображением margin-left: 46px, кроме первого который получает margin-left: 0px

Если имеется CSS3 (который поддерживается нормальными браузерами или же не нормальными со скриптами) то фоновой картинки не требуется, хотя можно и с картинками без фиксированной ширины. Для нормального отображения смотреть в Chrome, другие не вписывал что бы не загружать код: http://jsfiddle.net/YKhmm/11/ ПС: Поигравшись с градиентами можно получить точные цвета

Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение

Решено

А почему он должен вдруг не подключиться? А вы пробовали подключать Embedded OpenType файлы для IE?

1.font-face, Google WebFonts Не совсем понял вопрос, но надеюсь что это даст вам направление.

Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.

Блок на котором position: relative после его сдвигания продолжает занимать место, возможно ли сделать что бы не занимал? Или нужно создать вокруг <h3> дополнительнуй блок и в него так же поместить и изображения? Пытаюсь не награмождать код, (1)как бы вы сверстали следуюшее без лишнего, но что бы текст не сползал: <div class="block"> <h3>Title</h3> <ul> <li><img src="btn-1" /> </li> <li> <img src="btn-2" /> </li> </ul> <p> Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla </p> </div> <div class="block-2"> <h3>Title</h3> <ul> <li><img src="btn-1" /> </li> <li> <img src="btn-2" /> </li> </ul> <p> Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla </p> </div> .block { width: 30%; border: 1px solid black; float: left; } h3 { height: 30px; border-bottom: 1px solid #999999; } li { display: inline-block; } ul { width: 20%; } div.block ul, div.block-2 ul { position: relative; bottom: 25px; left: 270px; } div.block-2 ul { position: relative; } .block-2 { width: 30%; border: 1px solid black; float: left; } ПС: Заметил что в Хроме при наведении на ul в моем коде с помошью developer tool с права от него появляется ораньжевый цвет (как будто это margin) в FF такого не происходит. Это баг или я что-то не правильно понимаю?

Полагаю потому что списки по умолчанию не идут горизонтально а вертикально.

Я, для упрощения изначально (да и по сей день) на локалке использую WAMP для сервера, прост в установке и использовании, на первое время самое то, IMHO. Только на HTML такое не провернуть. Я бы подошел к решению следующим образом: 1. Установил бы на локалке сервер. 2. На HTML сделал бы форму, через нее и с помощью PHP заносил бы данные в БД. 3. Создал бы страницу которая считывала бы данные из БД и выводила их на странице в нужном порядке.

Я обычно всегда писал margin:0 auto; Правильно ли я понимаю что "ноль" не обязателен? Или все же иногда он востребован?

Теоретически возможно, но я бы советовал хранить информацию в базе данных. Есть причины не пользоваться оной?

CSS можно указать так же и на самой странице HTML Способы добавления стилей на страницу

Если на одном и том же сайте то можно передавать с помощью формы с помощью input hidden, или с помощью сессий. А вообще такая информация обычно держится в БД. Если можно подробнее обьяснить задачу было бы легче найти решение.

word-wrap

А может использовать таблицу и повесить background-image крестиками?

Спасибо тебе, из 5-ти крупных форумов этот единственный на котором найдено решение, при чем без лишних вопросов. А ларчик как окозалось просто открывался. Пойду помогать и я.

Беру свои слова обратно, border-collapse: collapse; помогло , исправил на локалке, проверил на серваке вот и не помогало

Не помогло

Только что бы быть уверенным что мы говорим об одном и том же: мы говорим о верхней части галереи в моем сайте, о большой картине а не про нижний скроллер?

Так во всех браузерах и двигается на ширину кадра по ширине окна в пикселях. (Кроме ИЕ7, там какие то лишние пикселы) Или имеется возможность перескакивать не по пикселям а по каким либо якорям на блок? Или я что-то не допонял?

При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.

На таблицу сделал fixed, на каждый из столбцов задал ширину. Если размеры внутренних картинок указаны как: height: xxx width: yyy то все отображается нормально (так же как и при их отсутсвии), но если задать их как max-width: xxx столбцы меняют свои размеры в зависимости от ширины картинок. В спецификациях ответа не нашел нашел кажется: И как быть в данной ситуации? На данный момент оставил как: width: xxx max-height: yyy Но это все же не всегда решает проблему.

В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается. Подскажите п-ста как можно исправить? Ссылка на галерею