Перевёрстанный Виджет

[psywalker]

Сегодня решил переверстать "Виджет", который был не так давно предоставлен Диманычем вот в этом топике: http://forum.htmlbook.ru/index.php?showtopic=14379 . Решил переверстать, потому что первая попытка оказалась на мой взгляд неудачной из-за грязного кода и нарушение семантики. Вот эта работа тоже не блещет, но как мне кажется получилась немного лучше, чем первая, поэтому выставляю её на суд и Очень хотелось бы услышать от Вас любые замечания (даже жёсткие) по Коду и Семантике, даже самые мелкие, может быть даже то, как бы вы сверстали тот или иной блок и т. д. Заранее благодарен.. http://www.psywalker.ru/SAITS/Search%27ema.../main-page.html

А вот отдельный вопрос:

Как сделать так, чтобы вся эта тема работала, а точнее чтобы я мог во первых вставлять картинки в "Селекты", а во вторых управлять цветом, полями и всем тем, для чего этот "Виджет" предназначен? Просто я знаю, что для этого необходимы знания JS, но к сожалению для меня это тёмный лес, как я писал ранее, поэтому прошу помощи..

Edited June 3, 2009 by psywalker

[psywalker]

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

[Павел Билькис]

Насчет js - стукни в аську, помогу. 425-659-885

а так - вроде неплохо, но есть пару мелочей:

http://floomby.ru/content/39Tw4Oyeku/

к примеру мне непонятно назначение этих пустых селектов.

http://floomby.ru/content/qk1an0UDQE/

над футером работать и работать:

http://floomby.ru/content/2B0oD2r6vE/

[psywalker]

Павел Билькис

1) Насчёт аськи спасибо, постучу позже, просто получил задание свыше, времени в обрез

2)

а так - вроде неплохо, но есть пару мелочей:

http://floomby.ru/content/39Tw4Oyeku/

Какая мелочь тут имеется ввиду и где именно ты смотришь?

3)

к примеру мне непонятно назначение этих пустых селектов.

http://floomby.ru/content/qk1an0UDQE/

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

4)

над футером работать и работать:

http://floomby.ru/content/2B0oD2r6vE/

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

[psywalker]

ребят, ну всё же может кто нибудь мне поможет

[Dimitry Wolotko]

1. ну не нравится мне, когда меня Диманычем называют, вот хоть уволь - не нравится;

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

[psywalker]

1. ну не нравится мне, когда меня Диманычем называют, вот хоть уволь - не нравится;

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

1) Нет проблем Димон

2) за что?

3) А насчёт Виджета замечания и т. д. есть какие нибудь?

[Dimitry Wolotko]

1) Нет проблем Димон

Юбью >.<

[Павел Билькис]

а может, Димоха?

[psywalker]

а может, Димоха?

приколно

[Павел Билькис]

Сейчас мы с тобой, psywalker, свалим админскую власть! Даешь власть форумчанам!!! Долой админов и модеров!! Даешь в идейные лидеры Шклярского и Меня! Власть буржуазии!

Edited June 4, 2009 by Павел Билькис

[psywalker]

Сейчас мы с тобой, psywalker, свалим админскую власть! Даешь власть форумчанам!!! Долой админов и модеров!! Даешь в идейные лидеры Шклярского и Меня! Власть буржуазии!

щас мы с тобой свалим с форума на пару недель я чувствую :)

[Павел Билькис]

Ага. А если я правильно понял, стоит мне еще раз назвать Дмитрия Диманом, то и на несколько лет

[psywalker]

Ага. А если я правильно понял, стоит мне еще раз назвать Дмитрия Диманом, то и на несколько лет

Всё... ты уже это сделал, снимай значок :)

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

Насчет js - стукни в аську, помогу. 425-659-885

И мне и мне!

[Dimitry Wolotko]

Власть буржуазии!

[Great Rash]

This document was successfully checked as XHTML 1.0 Strict! <- This is good!!!

А код не нравица...

Если уж хочется семантики, то вместо <p> надо вставлять лейблы... ну или хотя б <h6> какой-нить.

<div class="color"> можно (опять же если семантики хочется) заменить на тот же <fieldset>

<div class="i"><input type="text" value="200" /> <span>px</span> <input type="submit" value="ok" /></div>
<!-- C какой целью тут див? -->

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

<div class="copy"><p>©2008-2009 www.design-freak.com & www.lobovkin.ru</p></div>
<!-- C какой целью тут параграф? -->

<!-- Я идеалист и мне режет глаз такая запись -->
<select><option></option><option></option></select>

<!-- Согласитеть, что так красивше -->
<select>
	<option></option>
	<option></option>
</select>
<!-- ...и понятней -->

Ну и под конец:

лично меня просто бесит (и я считаю это отвратительной привычкой) когда программист или верстальщик юзает 4 пробела вместо клавиши TAB!

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

это типа мое ИМХО (просьба не обижаться)

Edited June 5, 2009 by Great Rash

[Колос]

Дмитрий Волотко

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

[psywalker]

Great Rash

Огромное спасибо вам, за ваш развёрнутый коммент, у меня вопросы:

1)

Если уж хочется семантики, то вместо <p> надо вставлять лейблы... ну или хотя б <h6> какой-нить.

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

2)

<div class="color"> можно (опять же если семантики хочется) заменить на тот же <fieldset>

А разве можно использовать <fieldset> в ещё одном <fieldset> и вообще расскажите об этом поподробнее, у меня траблы с этим

3)

<div class="i"><input type="text" value="200" /> <span>px</span> <input type="submit" value="ok" /></div>

<!-- C какой целью тут див? -->

С целью, что в этом контейнере Импут маленького размера, поэтому я и поместил эту строку в div, а как бы вы сделали?

4)

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

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

5)

<div class="copy"><p>©2008-2009 www.design-freak.com & www.lobovkin.ru</p></div>

<!-- C какой целью тут параграф? -->

А я так всегда делаю, но понимаю, что видимо неправильно, скажите, как правильно по вашему?

6)

<!-- Я идеалист и мне режет глаз такая запись -->

<select><option></option><option></option></select>

<!-- Согласитеть, что так красивше -->

<select>

<option></option>

<option></option>

</select>

<!-- ...и понятней -->

Ну и под конец:

лично меня просто бесит (и я считаю это отвратительной привычкой) когда программист или верстальщик юзает 4 пробела вместо клавиши TAB!

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

это типа мое ИМХО (просьба не обижаться)

Согласен со всеми доводоми!

[Great Rash]

1)

Ну у вас же есть заголовок первого уровня. Ок, тогда вставляйте <h2>. Я вообще <h6> от балды написал

2)

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

3)

С целью, что в этом контейнере Импут маленького размера, поэтому я и поместил эту строку в div, а как бы вы сделали?

чет я не понял, что имелось ввиду

4)

а нафига лишний код нужен

ну сами же написали

5)

<div class="copy">©2008-2009 <a href="http://www.design-freak.com">www.design-freak.com</a> & <a href="http://www.lobovkin.ru">www.lobovkin.ru</a></div>

так правильно по моему

6)

УРА!

[psywalker]

Great Rash

Спасибо, я вас понял, вот уточнение

Цитата

С целью, что в этом контейнере Импут маленького размера, поэтому я и поместил эту строку в div, а как бы вы сделали?

чет я не понял, что имелось ввиду

Я имел ввиду, что в этом div находится Импут, который отличается Шириной от всех остальных Импутов, поэтому он особенный, и я решил поместить его в div.iv

[Great Rash]

Ну и сделали бы тогда ему отдельный класс, зачем лишний элемент то?

[psywalker]

Ну и сделали бы тогда ему отдельный класс, зачем лишний элемент то?

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