LESTAD

Спасибо, очень приличное задание, и очень интересное, как раз что бы учится...

Тема с моей версткой, привлекаю комментирующих: http://clan-lh.ru/werstka/orang/index.html

Тему не могу создать в нужном разделе, просьба перенести.

Верстка №2, просьба отписываться, любая мелочь - сердцу дорога.

Особенно, хотелось бы услышат тех кто критиковал прошлую работу, в том смысле - есть ли у меня прогресс или нет.

Макет взят из этой темы: http://forum.htmlbook.ru/index.php?showtopic=14398

Сверстан по требованиям:

1. Резиновый дизайн под мин. разрешение 1024х768 и до бесконечности.

2. Использование таблиц, блоков - на усмотрение верстальщика (продвижение будет покупаться) - главное 100% аутентичность.

Верхнее меню с картинками о Кредитных линиях тоже тянется, ширина подложек зависит от ширины экрана.

3. Использованные шрифты: Tahoma / Miryad Pro (regular) - только в лого.

Хочу сказать, что буду рад всем советам, так как это моя вторая верстка и первая резина... .

Готовую верстку смотрим здесь: http://clan-lh.ru/werstka/orang/index.html

Валидность проверил... .

Жду кучу комментариев... .

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

Что, то мало я про позиционирование прочитал, буду исправляться, хотелось бы еще замечаний и советов по верстке.

P.S. Спасибо всем кто ответил.

Есть вариант не использовать таблицу, а использовать списки, тогда все работает.

я так вижу, что цель стоит не сделать один раз и забыть, а понять и осознать.

Потому объясню:

картинке в абзаце был задан float: left. При этом она выбивается из потока и прижимается к левому краю. Остальные же элементы её обтекают.

Заканчивается один абзац, начинается следующий — и начинается он раньше, чем завершено обтекание картинки из предыдущего абзаца. Потому и начинается он справа от картинки.

Во втором абзаце уже своя картинка — она и размещается там, где начинается абзац. То есть, справа от предыдущей картинки, обтекая её.

Указав же overflow:hidden, вы создаёте отдельный контекст форматирования. То есть, как бы своя песочница для такого блока, в которой свой поток.

во тут я не рассчитал что картинка вырвется из блока P, как теперь понимаю ее overflow:hidden принудительно заставляет оставаться в теге P. Все равно как то он странно работает, ведь из дива она не вырывается, а вроде как и DIV и H1 и P - это блочные элементы, не ожидал в них разницы.

о шрифтах и здесь, на htmlbook.ru, достаточно написано.

О форме: в какие-то лишние дивы не надо, скорее имеет смысл посмотреть в сторону vertical-align.

vertical-align не помогало, как не странно, с утра все решил margin-top:1px; к текстовому полю, а я вчера возился только с кнопкой.

Прошу ссылку, где на htmlbook.ru пишут о шрифтах.

Поиск выдал только то что читал, или из справочника - как использовать шрифты. Можно поискать в интернете, но я прежде чем попал на HTMLbook, и начал изучать CSS и HTML тут, потратил где то неделю на чтение всякой непонятной информации, и просмотр видео уроков, которые толком ничему не научили, по этому такая вот и просьба посоветуйте что почитать, чувствую пустоту знаний по шрифтам.

Так было. Но сейчас этой проблемы нет, исправлено.

А для скриншота вчерашнее состояние воспроизведено искусственно.

Да же не знаю почему...

Но подправил по советам у же многое, и в HTML и в CSS.

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

Еще появился вопрос, по шрифтам, может посоветуете что почитать по ним? (строчный интервал, и различия шрифтов).

Сделать индификатор(если только дна таблица), или клас(если будете применять не только к одной таблице) и в HTML коде, применить его к нужной таблице.

Пример с индификатором:

#table1

{

border: 1px solid c0c0c0;

}

<table id"table1">.... </table>

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

Учи сь работать в фотошопе боковые градиенты у тебя - кака

Фотошоп совсем на базовом уровне, градиент вырезал из макета, у самого не получилось сделать такой перепад цветов.

Немножко сгладил, вроде лучше стало.

В частности, использовать <br> для задания отступов — не комильфо. На то паддинги с маргинами есть.

Смотрел, видео уроки, в которых советовалось так делать, для упрощения, попробую исправить.

Высота строк не выдержана. Если ставилась задача добиться соответствия макету, то при такой задаче это ошибка.

Но исходя из того, что некоторые цвета другие, предположу, что такая задача могла и не ставиться. Тогда это на вашей совести.

С высотой строк игрался для соответствия макету, там в макете можно включить еще 1 верхний слой и будут эти цвета.

В правой колонке картинки выстроились лестницей — это ошибка.

Следовало сделать так, чтобы абзацы выстраивались один за другим, а не обтекали друг друга.

Например overflow: hidden в данном случае решает.

я во всех браузерах которые себе установил, просмотрел ничего не едет... За совет c "overflow: hidden" спасибо.

Переделал свои параграфы. Теперь вообще песня, избавился от кучи БР

В форме поиска смещены относительно друг друга поле и кнопка — не гут.

Я честно не знаю, что уже с ними делат и почему они себя так ведут.

Буду благодарен, если кто подскажет как их позиционировать.

Ещё с Лунатиком соглашусь почти во всём.

Кроме того, что html-код чист. Бывает и почище. Но в ошибки это записывать незачем.

если можно, на что кроме <br />, следует обратить внимание?

И хотелось бы по интересоваться, почему при просмотре через дрим вивер(выбираю просмотр через браузер) и при просмотре в том же браузере с хостига, меняется начертание шрифтов и позиционирование элементов, немного но заметно.

как развиваюсь я.

1) посмотрел несколько видео обучений по HTML и CSS, основы получил, но то что я смотрел так то не очень, субъективные мнения авторов.

2) Прочитал, HTMLbook почти весь, за исключением справочников, и блогов. (psywalker помог советами, ответил на мои вопросы, за что ему СПС)

3) Сверстал свой первый макет, вот сижу жду, что скажут профи.

4) Дальше буду пытаться верстать по сложнее макеты, + параллельно изучаю PHP, а в приоритетах JavaScript.

P.S. Как резать шаблоны, в видео уроках высмотрел.

Добрый день, срочно нужна жёсткая критика!

верстал из этой темы: http://forum.htmlbook.ru/index.php?showtopic=16763

Готовое здесь: http://clan-lh.ru/werstka/buissines.html

Жду оценки, и указаний на ошибки, + может кто посоветует куда дальше двигаться, HTMLbook прочел, весь кроме блога и справочников.

Правильно предполагаю?

Абсолютно точно.

спасибо, вот именно так и поступлю.

Огромное спасибо за ответ, меня волнует то что я вот изучая html пришел к CSS. Думаю дальше набирать практику или подхватить еще основы Java и PHP? Вот это для меня огромная делема, боюсь нормально ничего и не освоить. Хватит ли мне для нормальной верстки HTML и CSS, ну или как это было у тебя?

psywalker, где лучше всего пополнять свои знания, на каких материалах? и что обязательно надо знать, прочитать, посмотреть начинающему?

блин я только начал учится, а тут уже так цены перебивают... нормальный хостинг на год(1000р) + домен на год(150р), это так то уже половина от 100 баксов, а тут друк за 1500р деает, зачем я учусь когда тут сплошная благотворительность?