Да-да этот неудачник ещё и макет сверстал:)

[Shader]

По сути моя первая серьезная вертска(была ещё одна в стиле 2 блока и БГ). Макет раира от Дмитрия Волотко. Жаль, небыло описания, т.е. не было поставленно задач, что и как делать.

Все данные взял с PSD' шки - тоесть данные о цветах розмерах блоков. Размер блок под контент немного увеличен, т.к. сам макет шириной 1001 px, и не очень красиво бы смотрелось.

Особое внимание уделите оценке складки картинок "Лупа" и "Перо с бумагой".

Блоки росположены с помощью margin' а с разными значениями и, когда увеличается розмер экрана, все розваливается. Как этого избежать, пожалуйста точнее роскажите.

И ещё у мену вопрос не касащийся верстки - вижу многие дают макеты и в описании указывают "Купленная PSD' шка". Где такие макеты продаются/покупаются, по чем. И второй нетематический вопрос - проффисиональній верстальщик - он же не делает программную часть? Или смотря какой верстальщик?

Edited August 10, 2011 by Shader

[Great Rash]

Где ссылка на верстку?

[Shader]

Где ссылка на верстку?

В слове верстка

[Great Rash]

А чего сайт вправо прижат? Верстка страшная Вот это порадовало:

[pkorobeinikov]

Разговаривать тут не о чем: http://validator.w3.org/check?uri=http%3A%2F%2Fmiles-site.ru%2Fraira.html&charset=%28detect+automatically%29&doctype=Inline&group=0

[Shader]

А чего сайт вправо прижат? Верстка страшная Вот это порадовало:

Что именно так вас напугало? подробнее пожалуйста!

Жаль "<p> </p>" не сможет вас больше радовать

А если серьезно, то это дрим вивер наделал, или теги <p></p> нельзя оставлять пустыми? Я использовал их создания пустого параграфа.

Разговаривать тут не о чем: http://validator.w3.org/check?uri=http%3A%2F%2Fmiles-site.ru%2Fraira.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Исправил большинство ошибок, 1 осталась одна там чето "<img..." бушует.

Что ещё сделано неправильно? Потыкайте плз.

Больше всего интересно, правильный метод "смещения" блоков я выбрал или нет? (прмя чувствую что нет). Сделал как представил себе, некуда не смотрел)))

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

Думаю, если сделать его полностью резиновым( у мну ток шапка частично), то он валится не будет, неправда ли?

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

Edited August 10, 2011 by Shader

[yacor]

Далше не смотрел

автору читать (и не только):

Из русских:

http://www.forum.htmlbook.ru

http://www.lentaprowebdesign.ru

и др...

Edited August 10, 2011 by yacor

[Shader]

Далше не смотрел

автору читать (и не только):

Из русских:

http://www.forum.htmlbook.ru

http://www.lentaprowebdesign.ru

Из английских:

1) пока не скажу))))

+ дальше по дефолту

надо подобную тему на форуме сделать, типо ЧТО ПОЛЕЗНО ЧИТАТЬ ИЗ СЕТИИ (а мошет уже есть )

P.S. Влад, трафик не потеряешь, мне кажется наоборот люди сюда свои знания выкладывать будут. Ведь твой сайт и форум - самые РУЛЕЗные по Росии

Все что видно на скрине - у меня нормально показывает, сайт четко влезает в уголки экрана! У кого ещё "вылезает"?

Edited August 10, 2011 by Shader

[Temiks]

Все что видно на скрине - у меня нормально показывает, сайт четко влезает в уголки экрана! У кого ещё "вылезает"?

У меня

[Shader]

Посмотрите сейчас. Вроде должно все поправиться.

Одна проблема видима осталась - лупа немного сьжает. Ну завтро и ее постараюсь решить.

[Temiks]

+ еще шрифты другие

+ верстка сама по себе резина, тут я вижу фикс

Посмотрите сейчас. Вроде должно все поправиться.

Нет, все осталось как прежде, расширение 1280 по ширине

Edited August 10, 2011 by Temiks

[d0ublezer0]

"Амтомобили, амтомобили, буквально всё заполонили"

[yacor]

Скрины уже не буду выкладывать, но в ФайрФокс все так же, как в предыдущем скрине.

В ИЕ6, ИЕ7 вообще

Совет автору:

тестировать свои работы на кроссбраузерность

Edited August 10, 2011 by yacor

[Анна]

Посмотрите в разрешении 1024, шапку и подвал.

[sigma77]

А чего сайт вправо прижат? Верстка страшная Вот это порадовало:

Да это вообще цветочки еще. Верстка жесть полная.

ТС - учиться, учиться и еще раз учиться, как завещал дедушка Ленин.

[Shader]

А чего сайт вправо прижат? Верстка страшная Вот это порадовало:

Да это вообще цветочки еще. Верстка жесть полная.

ТС - учиться, учиться и еще раз учиться, как завещал дедушка Ленин.

Ну копеЦ, все прочитал по верстке что ток знал. Може время практики наступило? "Верстка страшная"? так скажите что именно, а то я в след. верстке тоже самое сделаю.

Скажите плз, что именно не так.

на 1280 не корректно отображает сайт, потому что сам макет шириной 1001 px, детали точь в точь оттуда брал, вот оно и оставляет буелю полосу((( Ща подумаю как решить трабл.

[sigma77]

Ну копеЦ, все прочитал по верстке что ток знал.

А толку, что ты прочитал, если ничего из прочитанного не усвоил.

"Верстка страшная"? так скажите что именно, а то я в след. верстке тоже самое сделаю.

Скажите плз, что именно не так.

Да всё не так.

Начиная от нарезки макета, заканчивая кое-как сляпанных стилей и жуткого html. Блоки все напиханы от балды. Как сделаны абзацы и списки - вообще мрак. Ты что такое текст, абзац знаешь?

Сверстанное вообще не соответствует макету.

на 1280 не корректно отображает сайт, потому что сам макет шириной 1001 px, детали точь в точь оттуда брал, вот оно и оставляет буелю полосу((( Ща подумаю как решить трабл.

Не чуешь не состыковки: если макет шириной 1001px - откуда полоса прокрутки про 1280?

Вот как выглядит свёрстанное тобой у меня:

[rediskavet]

Вы просто не тот макет выбрали для первой верстки. Лучше было с "Муж на час" начинать. Раира только на первый взгляд кажется легкой.

Кроме всего что выше сказали, у вас много несоответствий по цвету и размеру шрифтов.

[Shader]

Вы просто не тот макет выбрали для первой верстки. Лучше было с "Муж на час" начинать. Раира только на первый взгляд кажется легкой.

Кроме всего что выше сказали, у вас много несоответствий по цвету и размеру шрифтов.

Цвет брал с PSDшки - только, некторые из веб цветов ток.

Шрифты, и размеры текста тоде брал оттуда. Скачайте ПСД псомтрите.

[Shader]

Вот как выглядит свёрстанное тобой у меня:

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

Сигма, а если можно сверстайте пож этот макет как нужно, чтобы необьяснять мне что не так. Я посмотрю по примеру ,проанализирую и пойму

Или кто-то другой кому не жалко 2часа . Вам опыт, и мне)

ПЛЗ!!)

[amelice]

Или кто-то другой кому не жалко 2часа . Вам опыт, и мне)

ПЛЗ!!)

Наберите "Раира" в поиске на форуме.

[rediskavet]

Шрифты, и размеры текста тоде брал оттуда. Скачайте ПСД псомтрите.

чего мне ее скачивать, я Раиру три раза верстал, помню. Цвет и размер шрифта не соответствует макету.

[Shader]

Вот скрины чтобы не балаболить.

Сверьте если хотите, может быть у нас немного разные исходники, но я шрифты и розмеры брал оттуда

Или кто-то другой кому не жалко 2часа . Вам опыт, и мне)

ПЛЗ!!)

Наберите "Раира" в поиске на форуме.

Спасибо, нашел то что надо для начала

[rediskavet]

Вот скрины чтобы не балаболить.

Теперь понятно.

Вам нужно в настройках фотошопа изменить размер шрифта с пунктов на пиксели. 18pt в фотошопе не соответствуют 18pt в браузере.

Только я сейчас не вспомню как это делается. Где то на форуме объясняли.

[Shader]

Остался нерешенным 1 вопрос, я передвигаю блоки в нужное место засчет марджина, как это делаете вы?