tius

Вариант 1. Вашу фотографию делать фоном дива, а внутрь дива вставлять прозрачный в нужных местах пнг/гиф с рамкой.

Вариант 2. Вставлять ваше фото, за ним пускать доп.слой с рамкой и абсолютным позиционированием.

сверстайте релативный блок, находящийся слева от контента - не будет уходить

если удалить ветку <div class="navi">, то все становится на места. следовательно, ошибка в этом блоке.

добавление к .navi {height: 42px; overflow: hidden;} - работающий костыль.

а все из-за того, что ul в навигации и form - визуально на одном уровне, а логически нет: после ul и до form стоит <div class="clear">, который, по идее, должен быть после ul + form, разнесенных по сторонам.

А чего вы ожидали от position: absolute?

ссылку или пример на http://jsfiddle.net/

для body установите min-width: 280px

гуглить "javascript animation"

при нажатии - это javascript.

css есть везде. javascript, в принципе, тоже (работа на стороне клиента, а не сервера).

указать ширину. для всех полей ширина у вас итак фиксирована.

вариант 1:

.field1,.field2,.field3{width:160px;height:131px;display:inline-block; vertical-align: middle; line-height: 131px}

вариант2:

.field1,.field2,.field3{width:360px;height:131px; display:block; float: left;}

+внешнему div.header задать ширину и выровнять по центру методом margin: 0 auto;

a:hover,

a:hover span { color: #нужный_цвет; text-decoration: none; }

   <h4>
  </div><!-- end .container -->
  <footer>

у вас там незакрытый Н4 стоит.

Это пустая форма, без экшенов, на локалхосте.

Проблема при нажатии ЛКМ по инпуту, даже если ЛКМ не отпускать и не инициировать отправку данных.

Добрый день.

Такое дело: в Опере, ИЕ и Файрфоксе кнопка <input type="submit" value="ok"> обнуляет значение value. (Не отправляя форму, просто нажав на кнопку.)

Скриптов или экшенов на кнопку еще нет, только стили навешаны (hover, active).

html5, доктайп соответствующий.

Использовать button - выход. Но хотелось бы узнать причину поведения input.submit. Кто занет?

у многих не возникает такой проблемы, потому что для стилей не используется #id, а только .class

#id оставьте для яваскриптов и прочего.

>Как правильно сверстать страницу в моей ситуации?

#maintext > .prod_left > img {float: none;}

5 секунд в гугле

@

не, лучше тут спросить

по-русски, это дублирующая навигация, показывающая, где находится пользователь

"Главная >> Категория >> Новость"

#id имеет больший приоритет чем .class

Макет не качала, но судя по скринам:

1. выделите нужные слои и склейте их в один, в этом случае эффекты растеризуются (ctrl+ЛКМ на нужных слоях, потом нажать ctrl+e для слияния слоев. получится один слой. клик ЛКМ с зажатым alt по глазику слева от названия слоя скроет все остальные слои в псд-документе, оставив текущий на прозрачном фоне. crop'аете кусок с флагом и заголовком, сохраняете в пнг с прозрачностью)

2. из картинки с шапкой вам нужен только кусок с флагом и названием. остальное сделать на css, это уменьшит килобайты при верстке

header {

background: #bf1919 url('путь_к_куску_с_флагом_и_названием.png') no-repeat 0 0;

border-radius: 16px; /*цифры на угад*/

border-top: 1px solid #d25e5e;

}

и так далее для тех элементов, которые внутри шапки.

а у меня норм

#mainImageBox{position:relative;height:400px;margin-top:5px;margin-bottom:5px;margin-left:0%; width: 1032px;}

>Однако на самом слое нет отображения эффектов почему-то.

На самом деле есть. Видите надпись fx и стрелку вниз справа от названия слоя Shape14? Это и есть эффекты (нажать на стрелку, они отобразятся под слоем).

Обводку в хтмл делать {border: 10px solid #fff;} где 10px — толщина обводки. padding не нужен.

Если убрать "Эффект - Выполнить обводку", то это уберет рамки.

Layer17 лежит сверху Shape 14 copy 2 и точно входит в границы фигуры, нарисованной на слое Shape14copy2.

Действия:

1. Убрать "Эффекты" (кликнуть по иконке глаза).

2. Воспользоваться Crop'ом.

Для Оперы, например, добавить к #mainImageBox свойство {width: 1032px;}