Сверстал свеженький макетик

[shvv]

Свестал макет любезно предоставленный нашим админом.

Буду благодарен за критику и советы. Ссылка: http://shvv.freehostia.com/uta/index.html.

Больше всего, наверное, помучался с input. Как-то очень странно он реализован в разных версиях IE.

[Игорь Ермаков]

Пустая страница - это и есть свёрстанный макет?

[sigma77]

Пустая страница - это и есть свёрстанный макет?

Вроде не пустая....

Что касается моего мнения, то я

1) Сделала бы меню более отзывчивым - т.е. как минимум подчеркивание ссылок при наведении.

2) Зачем элемент <input> оборачивать в <p>

3) Смешение абсолютных и относительных размеров шрифтов.

4) Значок copyright должен быть значком copyright.

5) Кстати, разграничение в меню можно сверстать не картинками, а значением границ, во всяком случае я так планирую сделать.

Это пока на мой не профессиональный взгляд

п.с. [offtop]Всё таки жалобы на своё сообщение не должно быть, а то так и подмывает... [/offtop]

Edited November 5, 2009 by sigma77

[shvv]

Вроде не пустая....

Что касается моего мнения, то я

1) Сделала бы меню более отзывчивым - т.е. как минимум подчеркивание ссылок при наведении.

2) Зачем элемент <input> оборачивать в <p>

3) Смешение абсолютных и относительных размеров шрифтов.

4) Значок copyright должен быть значком copyright.

5) Кстати, разграничение в меню можно сверстать не картинками, а значением границ, во всяком случае я так планирую сделать.

Это пока на мой не профессиональный взгляд

п.с. [offtop]Всё таки жалобы на своё сообщение не должно быть, а то так и подмывает... [/offtop]

1. Наверное, так было бы лучше.

2. Внутри input нельзя размещать строковые элементы.

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

4. Забыл вставить...

5. Можно попробовать.

[sigma77]

2. Внутри input нельзя размещать строковые элементы.

Я про этот кусок:

        <form action="#">
          <h2>Search</h2>
          <p>
            <input size="10" type="text" class="text"/>
            <input type="button" name="search" class="search"/>
          </p>

        </form>

<p></p> имхо, тут излишен...

[Clayton]

Да норм вроде...

[shvv]

Я про этот кусок:

        <form action="#">
          <h2>Search</h2>
          <p>
            <input size="10" type="text" class="text"/>
            <input type="button" name="search" class="search"/>
          </p>

        </form>

<p></p> имхо, тут излишен...

Так и я ж об этом

http://validator.w3.org/check?uri=http%3A%...ine&group=0

[Great Rash]

Во первых вы забыли указать method передачи данных у формы. Во вторых, если судить поспецификации, все, что находится в форме должно быть внутри тега <fieldset>.

[shvv]

Во первых вы забыли указать method передачи данных у формы. Во вторых, если судить поспецификации, все, что находится в форме должно быть внутри тега <fieldset>.

Про method, наверное, пусть думают программисты.

А <fieldset>, да, нужно было использовать вместо параграфа. Просто, когда изучал формы, начал с учебника. А там везде используется <p>.

[Great Rash]

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

[Justnewone]

Про method, наверное, пусть думают программисты.

Если Ваш док валидацию из за этого не проходит? Программисты не додумали?

[shvv]

Если Ваш док валидацию из за этого не проходит? Программисты не додумали?

Немного не понял. Мой документ проходит валидацию отлично http://validator.w3.org/check?uri=http%3A%...ine&group=0

А metod GET устанавливается по умолчанию.

[Justnewone]

Немного не понял. Мой документ проходит валидацию отлично http://validator.w3.org/check?uri=http%3A%...ine&group=0

А metod GET устанавливается по умолчанию.

да, тупанул. пардон. Почему-то показалось что вы action не указали.

[Игорь Ермаков]

Загрузилось.

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

Макет свёрстан абсолютно фиксированно по ширине, я ради интереса открыл файрбаг и в левый сайдбар добавил текста. Результаты на скрине:

http://s53.radikal.ru/i142/0911/bb/51c7dab5eff9.jpg

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

[shvv]

Загрузилось.

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

Макет свёрстан абсолютно фиксированно по ширине, я ради интереса открыл файрбаг и в левый сайдбар добавил текста. Результаты на скрине:

http://s53.radikal.ru/i142/0911/bb/51c7dab5eff9.jpg

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

Да в верстке была серьезная ошибка. Растягивание по нижнему краю при помощи абсолютного позиционирования не решить. Использовал метод псевдоколонок. Теперь все тянется: http://shvv.freehostia.com/uta/index.html

[psywalker]

посмотри мой примерчик,может чё сравнишь, меня поучишь заодно

http://psywalker.ru/Portfolio/BusinessName.../main-page.html

[shvv]

посмотри мой примерчик,может чё сравнишь, меня поучишь заодно

http://psywalker.ru/Portfolio/BusinessName.../main-page.html

Твой пример смотрю уже давно. В принципе оттуда и понял, что нужно псевдоколонками.

Кроме inputov.

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

[psywalker]

Твой пример смотрю уже давно. В принципе оттуда и понял, что нужно псевдоколонками.

Кроме inputov.

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

Да, возможно,ты молодец, я просто его за один денёк верстанул для портфолио, наверное недоглядел кое какие моменты

Может будет время, доделаю, мне не принципиально

Кстати меню я спецом сделал на всю ширину, чтобы было красивее, а насчёт разделителей я не понял, ты про что?

Рамки щас добавил, меню у меня спецом на всю ширину, осталось насчёт разделителей узнать у тебя, что не так? И заодно скажи уж тогда остальные косяки все у меня, чтобы я сразу исправил

Edited November 6, 2009 by psywalker

[shvv]

а насчёт разделителей я не понял, ты про что?

http://floomby.ru/content/kuIKpPoPE2/

Edited November 6, 2009 by shvv

[psywalker]

http://shvv.freehostia.com/uta/psy.png

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

[shvv]

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

Какая-то ошибка. Что-то хостинг выделывается.

Вообще там должна быть картинка.

Сейчас попробую через какой-нибудь сервис.

Edited November 6, 2009 by shvv

[psywalker]

Какая-то ошибка. Что-то хостинг выделывается.

Вообще там должна быть картинка.

Сейчас попробую через какой-нибудь сервис.

давай, я рядом

[shvv]

Вот что я хотел показать.

http://floomby.ru/content/kuIKpPoPE2/

[psywalker]

Вот что я хотел показать.

http://floomby.ru/content/kuIKpPoPE2/

Чёто я всё рано не понял, и что из этого, в чём косяк?

Ты имеешь ввиду разделитель слева от формы? Если да, то что с ним не так, вроде бы у нас они одинаковые))

[shvv]

Чёто я всё рано не понял, и что из этого, в чём косяк?

Ты имеешь ввиду разделитель слева от формы? Если да, то что с ним не так, вроде бы у нас они одинаковые))

Я имею в виду, что разделитель слева от формы совпадает по вертикали с разделителем слева от About в меню.

Edited November 6, 2009 by shvv