Jump to content

Вёрстка № 2 для портфолио

psywalker

By psywalker,
in Discussion of works

 Share

Recommended Posts

Clayton Explorer

Clayton

Posted
Posted
И ещё минус - картинки НЕ спрайтом?

Спрайтом не получится, так как в качестве бекграунда, одна картинка, а в качестве атрибута под контент - другая. Однако, вероятно можно сделать спрайт, из двух картинок, которые идут в спрайт, под бекграунт, в бифор и афтер (я так не пробовал).

а во вторых для углов ПНГ он же не подходит?

А почему не подходит под пнг? Вполне, просто для 6-го нужно будет еще скрипт вписывать) По мне, так + что не нужно пнг, в большинстве случаев.

А если блоков будет на странице 5 штук разных цветов, значит уже 5 разных JS строк надо?

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

Не втыкнул сразу в последний вопрос.

Т.е. да, сколько стилей для блоков, столько и подставок явы для ие.

Link to comment
Share on other sites
  • Replies 102
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

psywalker Explorer

psywalker

Posted
  • Author
Posted
Спрайтом не получится, так как в качестве бекграунда, одна картинка, а в качестве атрибута под контент - другая. Однако, вероятно можно сделать спрайт, из двух картинок, которые идут в спрайт, под бекграунт, в бифор и афтер (я так не пробовал).

А почему не подходит под пнг? Вполне, просто для 6-го нужно будет еще скрипт вписывать) По мне, так + что не нужно пнг, в большинстве случаев.

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

Не втыкнул сразу в последний вопрос.

Т.е. да, сколько стилей для блоков, столько и подставок явы для ие.

Ну да, я понял тебя, но всё же мне не нравиться то, что нужен JS, а так способ конеш классный, спору нет, выигрывает засчёт своей простоты, я правда ещё в него не въехал, но думаю разберусь на досуге, сегодня чё то уже голова болит, целый день задачки решал))

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
Ну... в 8-м ие ява уже не нужна, как смотрю... Однако, нашел в процессе другой глюк в 8-м... И условные комментарии он не читает, как оказывается, что делать, пока уме не приложу...

Ну вот я про это и говорю, есть проблемы в известных браузерах+нужен JS, так что пока считаю рискованно пользоваться такими вещами, хотя ох как охота блин ^_^

gordi

Как и обещал, держи тебе пример и архив сразу с папкой:

1) http://psywalker.ru/Forum/5-Frash.rar

2) http://psywalker.ru/Forum/5-Frash/main.html

Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted

Не, я глюк совсем не с этим заметил, бифор и афтер, 8-й понимает, прикрасно, без всякого ява-скрипта.

Проблема в многогранном меню списком, в 8-м, он почему-то margin-top воспринимает, вообще не так, как все, даже ранние ие... вот к примеру:

http://www.ivblog.ru/test/coder/coder2.htm - в чем проблема не пойму... везде вертикальные расстояния нормальные, кроме восьмерки...

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
Не, я глюк совсем не с этим заметил, бифор и афтер, 8-й понимает, прикрасно, без всякого ява-скрипта.

Проблема в многогранном меню списком, в 8-м, он почему-то margin-top воспринимает, вообще не так, как все, даже ранние ие... вот к примеру:

http://www.ivblog.ru/test/coder/coder2.htm - в чем проблема не пойму... везде вертикальные расстояния нормальные, кроме восьмерки...

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

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

ага, понял тебя, слушай, а я так понял верхние марджины не работают в 8ИЕ? попробуй ради прикола LI задать display: block;

Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted

Отупел я.

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

В общем, в 8-ие по прежнему всё через жопу ^_^

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
Отупел я.

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

В общем, в 8-ие по прежнему всё через жопу ^_^

Да я не удивлён, давно говорил, что все ИЕ говно!

кстати ты решил проблему с верхним отступом? http://www.ivblog.ru/test/coder/coder2.htm

Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted

Даже немного не так не нужно ничего создавать, нового, вот, в данном примере я просто сдвигаю бекграунд бифор в середину, получается так:

/*Ие 6-7 берут параметры отсюда*/
.block1 {zoom:1;behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(2.gif) no-repeat 100% 0;"><img src="1.gif" alt="" /></div>' + this.innerHTML + '<div style="background: url(3.gif) no-repeat 100% 0;"><img src="4.gif" alt="" /></div>') : '');}
/*а восьмерка отсюда*/
.block1:before {display:block; background:url(2.gif) no-repeat 50% 0; content:url(1.gif);}

ну а в http://www.ivblog.ru/test/coder/coder2.htm в данном случае у нас уже заданны отступы, для ие6-7, по этому, для того что бы выправить это в ие 8, нужно отдельный ксс для нее создавать :) и выправлять отступы в нем... Другого выхода я не вижу...

Бреднах, уже и ие друг с другом не дружат ^_^

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
ну а в http://www.ivblog.ru/test/coder/coder2.htm в данном случае у нас уже заданны отступы, для ие6-7, по этому, для того что бы выправить это в ие 8, нужно отдельный ксс для нее создавать laugh.gif и выправлять отступы в нем... Другого выхода я не вижу...

Бреднах, уже и ие друг с другом не дружат laugh.gif

погоди, нафига отдельный, ты в этом файле и пиши для ИЕ8, а для остальных ослов просто ихние хаки ставь впереди правил:

ИЕ6: *html{ font-size: 100%;}

ИЕ7 *+html{ font-size: 100%;}

И всё, эти правила будут понимать тока старые ослы, а остальные в этом файле ИЕ8 ^_^

Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted

Кстати, да, посмотрел, получается, что б выправить верхние отступы, в ие8 нужно задать там, такие же параметры, как и для всех браузеров (т.е. такие как в общем ксс) выходит, не 8-м ие дело, а в 6-м и 7-м. Просто теперь, условные комментарии нужно составлять так, что б они в восьмерку не лезли (в данном случае...).

А хаки не проходят валидность... Как-то нехоцца)

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)
Кстати, да, посмотрел, получается, что б выправить верхние отступы, в ие8 нужно задать там, такие же параметры, как и для всех браузеров (т.е. такие как в общем ксс) выходит, не 8-м ие дело, а в 6-м и 7-м. Просто теперь, условные комментарии нужно составлять так, что б они в восьмерку не лезли (в данном случае...).

А хаки не проходят валидность... Как-то нехоцца)

так какая валидация нахрен в файле для ИЕ? Коментарии условные для того и придуманы, что-бы можно было править стили чисто для ИЕ, ты же не собираешься гадить общий CSS ^_^

Ты меня постом ранее не так понял, я хотел сказать, что бы ты эти хаки писал именно в стилях для ИЕ, а звёздочками и т. д. помечал тока те правила, которые нужны для ИЕ6-7, а ИЕ8 будет понимать все остальные

Edited by psywalker
Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)

DjTarik

Мнения? =) Супер, как всегда)

P.S. Сколько времени "всего" ушло на верстку? В часах...

Да хрен его знает, я верстал его месяц с перерывами разными, ещё ездил отдыхать даже, там поделывал

3ABAPKA

Нет юмора! Хочется почитать твоё мнение (статью, размышление, и т.д.) по теме доктайпов. Какие предпочитаешь, к каким привык и т.д.

Всему своё время

Clayton

psywalker

А как ты шрифт сделал такой, тоненький типа, вот в этих блоках, с круглыми уголками?

Да ничё я не делал, вот он: font-family:"Myriad Pro",Tahoma,Geneva,sans-serif; font-weight:normal; :D

Кстати вчера эксперементировал с твоим способом для углов, выяснилось, что с ПНГ углами этот номер не прокатит, если ты сделаешь, буду рад увидеть!

Edited by psywalker
Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted

почему не катит?

ты каким способом отображаешь пнг?

Т.е. неправильно выразился.

Не катит вообще, или для отображения пнг в 6-м ие?

Попробую вечером. Сейчас доделаю дизайн, и вечером как раз сяду за верстку, там как раз будет куча пнг)

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
почему не катит?

ты каким способом отображаешь пнг?

Т.е. неправильно выразился.

Не катит вообще, или для отображения пнг в 6-м ие?

Попробую вечером. Сейчас доделаю дизайн, и вечером как раз сяду за верстку, там как раз будет куча пнг)

Способ не катит вообще!

В смысле с ПНГ углами твой способ явно не ограничится одним Дивом, боюсь, что даже и 3-4 мало будет, вобщем если сделаешь, посмотрим :D

В общем замути тоже самое, но чтобы углы были прозрачными и смотрелись отлично на любом фоне!

Link to comment
Share on other sites
Searcher Explorer

Searcher

Posted
Posted

Мне вполне все понравилось, особо глубоко лезть нет времени, так что только пару замечаний:

1. Не совсем понятно почему top_menu, nav и т.п. - классы, а foot - айдишник... Поскольку это уникальные элементы - можне все айдишниками. Хотя существует мнение, что айди назначать надо в крайнем случае только если к элементу требуется доступ скриптами. Но тогда подвал тоже нужно классом...

2. По дизайну не очень понравилась черная "крыша". Если уж fresh, то хочется что-то яркое. Может фон "крыши" сделать в тоне буквы S в логотипе... Вобщем, я бы тут еще поискал. И еще я бы сделал между крышей и меню белую полосочку, как и между пунктами меню.

3. Текущий пункт меню все еще остается непонятным, что он текущий. Надо намного дальше его выдвигать или добавить какой-нить символ слева перед словом. Прикольно было бы его правую границу и слово немного наклонять, градусов на 30...

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)

Searcher

Спасибо за мнение, жаль что по коду не много конечно инфы, я уже благодаря тебе многое понял (по прошлым комментам к вёрсткам). Если будет время, посмотри пожалуйста код :D

А насчёт дизайна много заострять внимание не хочется, потому что я в нём ничё не смыслю, мне человек дал макетики, для моего портфолио, а я чисто сверстал, да и всё, поэтому интерисует мнения в основном насчёт самой вёрстки, что-бы вновь ошибки подчеркнуть, планирую теперь выставлять вёрстку на форум частенько, так как помогает критика в свой адрес ошибки будущего исключать :D

Edited by psywalker
Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
Ок, постараюсь.

Спасибо, всегда рад помочь :D

Тебе Огромное спасибо и только прошу, не делай себе во вред. Код зацени,только если правда время будет! Знаю, как щас с этим туго :D

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept