skygazer

Собственно, человеку не оценка нужна

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

Потому что у тебя высота футера 135пк, а ты его вытянул маржином лишь на 125 пк

Ой, не досмотрел. Так не было задумано, конечно же

Ну вроде поправил, выглядит гораздо лучше.

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

Это мой самый страшный резиновый кошмар. Достаточно трудно дается. Все эти min-width-height, просто height, я не знаю когда остановиться, и где не надо задавать 100%

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

нашел интересный комментарий по этому поводу

В большинстве случаев в «резине» нет никакой необходимости. Более того, применение «резины» не к месту снижает удобство использования. Длинные сопли строчек, растянутые на 1600 пикселей, читать просто неудобно.

При том, что очень многие люди, чтобы их не отвлекали иконки и другие окна, разворачивают браузер на всю ширину.

Правильное применение резины, например, это помещение большего количества товаров на «витрину» интернет-магазина.

Было бы неплохо, если бы вы указывали хоть какое-то ТЗ, верстка фиксированная, резиновая?

То есть для проффесионалов это наверное очевидно, макет несложный в принципе.

Мне вот например легче сделать фикс макет и не напрягаться особо, но правильно ли я поступлю?

Я осознал, что мою верстку резиновой с трудом назвать можно.

Можно мне с этого сайта пример брать, ничего криво не пойдет?

То есть по сути размер всех основных блоков не обязательно указывать в процентах? Ну wrapper, там, container, body, понятно что придется.

Просто я не понимаю, как один блок по высоте может тянуться, а другой нет. На сайте по ссылке тянутся не все блоки, а расстояние между контентом и футером. Сегодня я уже в коде копаться не буду, но завтра обязательно.

Как это вообще - резиновый по вертикали? А сайт бывает еще и фиксированным по вертикали?

Ну я делал макеты один к одному, то есть фиксированного размера. Так что у меня да, бывают

Меня не одобрили, сказали плохо так.

Мелко, да. Ну по-другому не влезает же. Видимо я не осознал всю суть резины еще. Как у меня с ней, скажите пожалста.

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

Есть некоторые проблемы, а именно:

В хроме страница отображается некорректно, не до самого низа окна браузера.

Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету.

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

Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал.

upd: Отключайте адблок, верхнюю рекламу он блокирует. Значит к успеху иду, раз адблок мои рекламы блочит

Ясно,спасибо.

Запилил список, можете посмотреть тут.

Если есть какие-то замечания, готов выслушать.

У меня еще один вопрос есть, он меня уже давно мучает. Как изменить стиль отдельного пункта меню, без inline стилей?

Просто даже если пункту меню присвоить класс, все равно стиль для всех пунктов меню его перекрывает. inline-стили никто тут не одобряет, что делать?

Такая страничка интересная получилась

Может вам в дизайнеры податься?

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

http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу.

Помогите пожалуйста привести все это в порядок

Код:

<div class="menu">
	<ul>
		<li><a href="#">Верстка</a></li>
		<li><a href="#">Создание сайта</a></li>
		<li><a href="#">Веб-дизайн</a></li>
		<li class="web"><a href="#">Веб-программирование</a>
			<ul>
				<li><a href="#">Java-Script</a></li>
				<li><a href="#">AJAX</a></li>
				<li><a href="#">PHP</a></li>
				<li><a href="#">Python</a></li>
				<li><a href="#">Ruby on Rails</a></li>
			</ul>
		</li>
		<li><a href="#">CMS</a></li>
		<li style="background:#b9bbbe"><a href="#">Ресурсы</a></li>
		<li style="background:#a3a6aa; padding-right:95px;"><a href="#">Форум</a></li>
	</ul>
	</div>

.menu ul{
list-style:none;
height:25px;
margin:10px 0 0 260px;
position:relative;
height:24px;}
.menu li ul{
visibility:hidden;
position:absolute;
top:25px;}
.web:hover{
position:relative;}
.menu li:hover>ul{
visibility:visible;}
.menu li:hover>a{
color:#fff;
background:#343b44;}
.menu li{
float:left;
background:#caccce;
padding:2px 11px 2px 11px;
height:21px;}
.menu li a{
text-decoration:none;
color:#000;
font-size:79%;
display:block;}

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

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

Вопрос - как тянуть страницы с изображениями?

Хорошо, тогда использовать его для слоев - не комильфо? Или разрешается в каких-то определенных случаях?

PS: 10мин назад смотрел верстку еще одного новичка в паралельной теме. ГДЕ вы учитесь? откуда столько совершенно аналогичных ошибок то? Вы же, елси все таки состоитесь верстальщиками, потом эти же привычные ошибки потом и кровью будете из себя выбивать. Ведь рука то привыкнет их делать (

На собственном опыте, почитывая htmlbook и гугл. Мне никто не говорил что id это плохо, такие дела.

Кстати немного не в тему, но все же. Последняя версия IE - 9, мне кажется там все уже должно быть доведено до ума. Так зачем верстальщикам подстраиваться под пользователей 7,8, еще бы вплоть до первого подстраивались. Пользователи ие это и так не самая просвещенная прослойка населения, а уж тем более те, которые не в состоянии его обновить.

Это лишняя работа для верстальщика, и еще не факт что ее кто-то оценит.

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

Опа, я этот макетик тоже делал кстати. Как и все остальные макеты с дивхака, вплоть до того макета со слайдером.

Но если элемент встречается один раз на странице - зачем лепить класс, если можно влепить айди? Да и пользователю все равно айди или класс, он-то гнилыми помидорами не закидает если все работает.

Могу сюда скинуть как я сделал, с ховерами. Похвастаться хочется, да Ховер на самом деле ничего сложного, посмотри тут в справочнике, разберешься.

Кстати попробуй свернуть страничку в лисе, например, и посмотри налево. По-моему не очень красиво, сейчас гляну как у меня с этим дела.

Извени за искренность, но это - говнокод

Ничего, переживу. Я бы не отказался от совета как надо, какого-нибудь небольшого примерчика.

Макет фиксированный - как мне его тянуть? Критика это конечно хорошо, но я ж новичек, обьясните как сделать правильно.

ширина контента в макете

ширина страницы - 1200 пикселей.

В принципе код аккуратный. Только старайтесь не пользоваться таким количество id, особенно это касается колонок - col1, col2, col3 и т.д. Потому что таких колонок может быть много и они могут использоваться на странице несколько раз. Плюс очень много картинок, что можно было сделать и без них: кнопка формы поиска, можно было бы вставить специальный символ html, а саму кнопку залить фоном; разделители для главного меню, тоже можно было сделать через border для элементов li; картинка синего градиета 700 пикселей по ширине очень большая. Градиент можно сделать через linear-gradient, а для браузеров которые это не поддерживают, будет просто однотонный фон.

Насчет колонок - какие могут быть варианты? Просто все эти четыре слоя довольно уникальны, не знаю как их классом штамповать.

Если бы было много похожих слоев, сделал бы классами. Насчет картинок- делаю как удобно. Пользователю все равно в принципе как я сделал, результат-то налицо. Это в целях скорости загрузки страницы и экономии траффика? Да, об этом не думал, признаюсь, никак не думал что верстаю для людей с dial-up. В принципе если это действительно нужно - сделаю.

Фон бы сделать более подходящим, а то серый к синему дизайну как-то совсем не подходит. Ну и ещё подогнать пункты верхнего меню, как и заголовки в меню слева: используй Pixel Perfect — прямо попиксельно не надо, но сейчас расхождение заметное. Код да, аккуратный, легкочитаемый, но имеются ошибки — валидатор ругается.

Ну фон это я для себя - а мне норм. Глаз не режет, вполне приятно. Я не дизайнер, что поделать.

Верхнее меню - да, не уследил. Глаз замыливается, когда долгое время смотришь на макет, устаю. Насчет ошибок не знаю, проверял плагином-валидатором, ну alt не установил, и считаю что он в тех случаях не нужен.

Страница не влазит в 17" т.е. в 1000px, хотя по дизайну, ее можно легко уместить.

Есть не соответствия с макетом, особенно меню бросается в глаза.

Да, макет можно было обрезать, согласен. Я как-то об этом не подумал, макет делал один к одному. Но если обрезать, то страница будет меньше, как же пользователи больших мониторов? Может есть вариант как-то это все тянуть, чтобы все были довольны, но не силен я пока в резине, да и в теме с макетом ясно сказали что макет фиксированный.

не знаю важно ли, но в линуксовых опере и фоксе последних версий многое съехало

Линупс не стоит, что поделать. Интересно, как с этим справляются верстальщики, или еще отдельно под линукс страницы допиливают? Ужас

Текст не тот, отступы совершенно другие, всё, где есть контент, выполнено не так, как на макете.

А главное - он не резиновый, точнее даже, сделан попиксельно. Фон, например, у меня серый, т.к. ширина экрана 1280. По мне так совсем не ок.

Ну как же, я ручками текст набираю - вы только вчитайтесь повнимательней! Или это вы относительно размера шрифтов? Сто раз смотрел на макет, я жутко мнительный - да вроде бы все так. Насчет меню писал выше.

Он не резиновый, потому что он и не должен быть резиновым. Сделан попиксельно - так это ж плюс! И фон так и задуман, на самом деле, у меня тоже ширина 1280, и все в порядке. Мне кажется вы хотите придраться к тому, что было мной задумано, как к недоделке.

Ну вот, наконец-то и я выкладываю тут свою верстку. Вот сам макет. Ну а тут моя работа.

Макет проверялся в лисе, хроме, опере, IE9. Прошу оценить качество кода, ну и вообще верстку в целом.

Напиши в ЛС если хочешь ТЗ получить, у меня куча старых проектов. От простейших до ***.

p.s. найди заказчика которому нужен дер*мо-код и сделай ему его! =D

ТЗ это только описание, если я не ошибаюсь, или ты предлагаешь макеты? Глупый вопрос, да.

Хочу фрилансить, с чего начать?

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

alexriz, buddah - спасибо. Была бы возможность ставить плюсики - поставил бы

Посоветуйте пожалуйста годный бесплатный хостинг, хочу выложить сверстанный макет в интернет, послушать от вас конструктивную критику.