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, или с помощью сессий. А вообще такая информация обычно держится в БД. Если можно подробнее обьяснить задачу было бы легче найти решение.