Softlink

ice72, у вас верстка этого проекта уже длится больше месяца, а вы никуда не сдвинулись. Может попробовать заново переверстать? С чувством, толком, расстановкой, понимая что откуда следует и как работает?

как-то так http://jsfiddle.net/AgDXm/3/ еще чуток упростил

а там именно картинка? Т.е. есть какое-то изображение на ней или это будет какой-то эффект для главного изображения? И еще, какие браузеры должны это понимать? Может это можно средствами одного css сделать?

Поменять местами display. Вот так http://jsfiddle.net/AgDXm/

Roomas, что значит "перекрыть"? Судя по размерам блока, надо сделать так, чтобы основное изображение скрылось и появилась картинка из бэкграунда. Это можно сделать так: .class2 { background:#ccc; height: 52px; width: 70px; } a{ display:block; height: 52px; width: 70px; } .class2 img{ display:block; height: 52px; width: 70px; position:relative; } .class2:hover img{ display:none; } <div class="class2"> <a href="#"><img src= "images/5.png"></a> </div>

Да и див вообще-то по умолчанию тянется на все 100% родителя. При position абсолют и фиксед, некоторых display и float'ах он как раз растягивается по содержимому.

Внутри table и table-cell можно позиционировать элементы от родителя, ФФ же считает все только по окну браузера, как в таблице короче.

Вот по предыдущему макету от Verder'а(про самолеты что-то) можно было конкурс объявить - там есть интересные штуки. А в этом не вижу сложности, ну только для портфеля верстать.

на заметку: position в сочетании с display:table работает в хроме, опере и даже в ИЕ9. А вот ФФ display:table интерпретирует именно как таблицу, и position там не работает. Да и вообще с table-cell надо поаккуратней быть.

тут, наверное, половину всего можно убрать и сделать обычное горизонтальное меню во всю ширину сайта. http://jsfiddle.net/4DFdT/

Селект и кнопки дефолтные? Verder, думаешь о верстальщиках?) Неужели и правда есть дизайнеры, которые думают, как их макеты будут верстаться?

Ну как вариант, можно сделать абсолютную подложку. Однако в 6-7 появляется неактивный и неубираемый скролл. В современных браузерах все работает исправно.

1) border-collapse:collapse уберите 2) добавьте префиксы

не очень люблю такие вещи: .wrapper .right_wrapper .content .derevo a:hover Иконки меню в бг для li затолкать можно было, зачем им в разметке находиться? border-top-width: 2px; border-top-style: solid; border-top-color: #01b1f2; = border-top:2px solid #01b1f2 Хорошо, хоть домик сделали, а то на главную никак не попадешь. Логотип же обычно ссылкой на главную ставят.

В лучше простая, нубская линия впадающая? Так интересней, и это не меню, пошаговая инструкция... потому и в такой форме. Вобью текст будет лучше смотреться! Так как лучше? Я больше на первый вариант смотрю, а вам как? Ну его бы в контексте сайта, где оно будет находиться, посмотреть. А то может там сайт розовенький, с мишками Тедди(или как они там).

моск сломать можно с таким меню

Вот и я сидел думал над этим. Потом прочитал небольшую статейку, где говорилось, что не надо использовать section только для оформления, т.е. для "чтобы было" и header для одного "H" писать тоже совсем не обязательно. Поэтому и сочетал section и обычные дивы.

Это понятно. Я вот про такие моменты говорю: <section class="bazy"> <header class="zagolovok"> <h3>Базы</h3> <span>по рейтингу <a href="#" class="dotted-link">новые</a> <a href="#" class="more">еще базы отдыха</a></span> и следом большой блок: <div class="place-list"> <div class="places"> ..... В котором несколько "подблоков" - places. Сам большой блок не имеет заголовка, а подблоки вроде как на section не тянут, чтобы им писать header и ставить h1.

А вроде подгружается шрифт.. Но уберу все равно. Там будет именно название фотографии. Я не знаю, чем оно будет отличаться от ссылки под ним же, но сказали, что надо сделать именно так. 155 - это рейтинг. Слева от него будет скрипт рисовать звездочки, они не верстались. С заголовками понял. А вот там есть заголовки как в хедере, так и в обычных блоках. Т.е. это нормально, что в идут в перемешку h1 и h3? Спасибо за рецензию.

Ну я говорил про логотип конкретно в этом примере. Картинка-логотип-слоган. Я бы картинку с логотипом сделал бы через img и засунул бы в H1. А слоган можно выполнить в h2.

Резонный вопрос. Здесь я пытался придерживаться все-таки иерархии заголовков те h1>h2>h3 Кстати, на первой странице я так и не придумал куда втулить H2, но посчитал, что много несколько h2 тоже не очень хорошо. Если логика html5 не идет впику с логикой поисковиков, тогда эта проблема отпадет.

Приветствую всех! Сегодня взялся переверстать один проект. Решил подключить сюда html5. Вот это больше всего и интересует. Сейчас, как я понял, нет полной ясности в правильной разметке макетов. Почитал разных статей, привел к общему знаменателю и сделал как сделал. Посмотрите пожалуйста, пока сверстал 2 страницы. Что поменять можно. Ну и в целом верстку можно глянуть. Примечание. В ИЕ6-7 сайт работать не должен. Т.е. там будут отображаться какие-то буквы и картинки, но как оно там будет выглядеть ни меня, ни заказчика не интересует. Вот ссылки: http://www.alpatriott.ru/works/altai/ http://www.alpatriott.ru/works/altai/base.html Заранее спасибо. upd во второй ссылке есть форма, вот ее обсуждать не надо. Она будет переверстываться, поэтому и стили инлайн, чтобы не засорять css и сама она не совсем правильная.

Именно так и считаю, именно так и делаю. Одно дело когда там обычное слово, без наворотов, пусть и со слоганом, а другое - как здесь. Картинка, слово трехцветное и слоган еще. Вот последнее еще можно вынести за пределы рисунка, но иконку и текст я бы сделал картинкой, имхо. А то вместо h1>a>img получается h1>стопицот тегов, никому ненужных. Если уж и h1 то будьте добры выкладывайте сразу ему содержимое, а не h1>span bla-bla>span bla-bla.

А я бы тоже не постеснялся сделать это картинкой. 1) для того, чтобы набрать этот финанс, надо минимум два спана 2) надо выровнять картинку слева-финанс-слоган справа - это как минимум еще одна обертка нужна(если кросс) Немного ли тегов для одного логотипа?

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