Первая верстка "Solutions"

[seemax]

Прошу посмотреть верстку новичка.

Что можно было бы упростить и что добавить?

Solutions http://seemax.pomidor.com.ua/Solutions.html

Прошу обратить внимание на способ скругления уголков. Попробовал применить такой способ http://www.xiper.net/collect/js-plugins/html5-and-css3/css3-pie.html

В результате IE 7 так и не скругляет, а градиент стал синюшным.

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

Местоположение меню в Хед, оставляет много желать лучшего. Что-то я не доучил.

Посадить 3х и 5ти кнопочные меню так как по дизайну, да ещё во всех браузерах пока для меня непосильная задача. Пробовал абсолютное позиционирование относительно технического div #header #headerMain. Подвигал в поисках желаемого положение 5ти кноп менюшку безрезультатно и задал для этого меню высчитанные размеры с учетом размеров Хед, Лого, меню. Результат, как видите, не радует.

[LunatiK]

Скажем так: какашку в конфетку ты не превратил. Потенциального работодателя не ублажил. Ищи другие пути. Как только перестанешь в себе сомневаться, так можешь слать резюме на kontorineo@ya.ru

[seemax]

Скажем так: какашку в конфетку ты не превратил. Потенциального работодателя не ублажил. Ищи другие пути. Как только перестанешь в себе сомневаться, так можешь слать резюме на kontorineo@ya.ru

Не мне вас учить культуре речи/поведению на форуме, у каждого голова своя.

Но мне кажется, что лексика слабовата даже для бытового общения, а вот конкретика не задействована совсем.

Спасибо за отзыв господин эксперт.

[Vin]

Solutions http://seemax.pomidor.com.ua/Solutions.html

Прошу обратить внимание на способ скругления уголков. Попробовал применить такой способ http://www.xiper.net/collect/js-plugins/html5-and-css3/css3-pie.html

В результате IE 7 так и не скругляет, а градиент стал синюшным.

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

Да даже в ie8 углы квадратны, как у кирпича — только ie9 поддерживает свойства css3, остальные "ослики" о них ничего не знают) Для кроссбраузерного решения углы и градиенты нужно делать картинками. Делать это в фотошопе не сложнее, чем в css.

[Bryant-24]

Виден зазор, между картинкой в шапке и менюшкой сверху. Под планеткой имеется три картинки с ссылками - я так думаю они должны быть именно ссылками, а не просто общей картинкой. Причем на макете видно, что при наведении картинка должна увеличиваться. Шрифт слишком крупный (использовать 100% для шрифта - не самый удачный вариант я думаю). И насколько мне известно - макет должен быть не фикс, а резина.

[buddah]

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

[seemax]

Cпасибо ребята за ответы.

Из четырёх ответов два в довольно грубой форме это 50%.

Очень похоже на "дедовщину".

Забыли парни свой первый и какой то там ещё по счёту прект.

Загляните на досуге, может станете делиться знаниями, а не эмоциями.

[klierik]

1.

<div id="header">

читать еще раз, если не читал, для чего придумали ID

2.

<div id="left1">

индексы в именах не приветствуются. давай классам (тут должен быть клас а не ID логичные имена)

3.

<div id="logo"></div>

сюда бы ссылочку

4.

<ul id="Nav5">
    <li><a href="home"></a></li>
    <li><a href="solutions"></a></li>
    <li><a href="products"></a></li>
    <li><a href="about"></a></li>
    <li><a href="contacts"></a></li>
    </ul>

у ссылок должен быть и title и контент

5.

<div id="main_left"></div>
<div id="main_left"></div>

а поченять местами слабо?

6. блок "Business Solutions" - это должен быть список

7.

<div id="right3">
            <p><strong>Lorem ipsum dolor sit amet.</strong> <br>
            Consectetur adipiscing elit. Fusce sit amet quam erat.</p>
        </div>

а вот тут иконка должна быть <img> а не фон

8.

.left1_Title
.left1_Text
.left2

а если сайт был бы в 10 раз больше, то что бы ты делал? писал бы:

.left10_Title
.left20

такого быть вообще не должно!

9.

<div id="Nav13">
  <span><a href="home"><img src="images Solutions/Home.gif" width="22" height="20" alt="home"></a></span> 
   <span><a href="map"><img src="images Solutions/Site map.jpg" width="20" height="20" alt="map"></a></span>
  <span><a href="find"><img src="images Solutions/Find.jpg" width="23" height="20" alt="find"></a></span>

  </div>

Это должен быть список.

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

[buddah]

Cпасибо ребята за ответы.

Из четырёх ответов два в довольно грубой форме это 50%.

Очень похоже на "дедовщину".

Забыли парни свой первый и какой то там ещё по счёту прект.

Загляните на досуге, может станете делиться знаниями, а не эмоциями.

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

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

Edited February 2, 2012 by buddah

[seemax]

Выражаю благодарность всем ответившим и заходившим поглазеть.

Извинения приняты по сути, невзирая на форму подачи.

"Избиение младенца" временно снимается с кинопроката, тема и ссылка закрыта, всё в доработке.

Завершающая просьба к профикам:

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

[Catherine]

Прошу обратить внимание на способ скругления уголков. Попробовал применить такой способ http://www.xiper.net/collect/js-plugins/html5-and-css3/css3-pie.html

В результате IE 7 так и не скругляет, а градиент стал синюшным.

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

Пробуйте еще, PIE углы в IE7-8 отлично скругляет. Загляните сюда: http://css3pie.com/

[skygazer]

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

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

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

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

Edited February 8, 2012 by skygazer

[klierik]

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

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

Последняя версия ИЕ, кстати, 10.

А вот про ИЕ7 я говорил для того, что бы в рамках обучения ты смог получить опыт верстки под вышууказанный браузер, потому что в "боевых" условиях, как правило, тем более в странах СНД, попадается хорошо оплачиваемый заказ, с поддержкой ИЕ7.

И поверь, тебе будет:

1. приятно понимать что ты уже знаешь решение на перёд

2. адекватно оценить сроки выполнения заказа.

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

А если пользователь работает в компании, где установлен только ИЕ6 с WinXP. При чем это реальная ситуация, особенно когда заказ будет использоватся как внутрений ресурс компании.

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

Оценивать как раз будешь ты время и стоимость работы!

Edited February 8, 2012 by klierik