Дизайн панк сайта

Асмодиан · 28.04.2008, 13:23

А вот с IE батенька вы зря. как не крути, ПОДАВЛЯЮЩЕЕ большинство юзверей на нём и сидят...

DENweb · 28.04.2008, 13:28

я знаю. но я сделал план..которго хочу придерживатся
1. полностью закончить в опере и мазиле
2. в ие сделать меню
3. уже дальше оптимизировать..сделаю просто все картинками без прозрачности...

Асмодиан · 28.04.2008, 13:35

Ээээ. На вёрстку такого макета под браузеры IE6, IE7, Mozilla, Opera. У меня уходит до 8 часов времени (включая popup меню). Если у вас есть ПЛАН вёрстки, то я понимаю, что времени вы собираетесь потратить намного больше... Причём делать под одни браузеры, а потом подводить под другие - неоправданный расход времени и сил.
То, как вы построили план - вы собираетесь переделывать одну и туже работу 3 раза...

Добавлено через 2 минуты

Совет бывалого верстальщика. Сделав небольшой кусок работы, проверяйте его во всех браузерах. Удостоверившись, что всё ОК, беритесь за следующий.
А то на заре работы несколько раз натыкался на то, что "стратегические" аспекты, взятые мной оказываются дохлыми под браузерами, на которых я не проверял сайт. И как результат - полная переделка. А это ужасно

DENweb · 28.04.2008, 13:39

я и собираюсь делать полную переработку в ие..у меня там все на прозрачности.с прозрачностью Ие вроде не работает..ну по крайне мере нетак как надо...
ну вот и получится надо под ИЕ просто напростно новый цсс в котором верх весь будет одной кртинкой...
можно будет в ие убрать картинки которые отображаются в опере\мозиле и наоборот?

sokol666 · 30.04.2008, 09:08

проблему с картинкой по времени суток решить легко. дай тегу img id какойнить например id='nebo'. потом в скрипте пишешь вместо document.write document.all.nebo.src='имя файла'и в body пишешь onload='show_image_depends_on_time();'

DENweb · 30.04.2008, 10:49

Цитата:

Сообщение от sokol666

проблему с картинкой по времени суток решить легко. дай тегу img id какойнить например id='nebo'. потом в скрипте пишешь вместо document.write document.all.nebo.src='имя файла'и в body пишешь onload='show_image_depends_on_time();'

что я не то наверное сделал не пашет=(

Асмодиан · 30.04.2008, 11:16

document.all - ээээ, аааа, как бы сказать... шаткая конструкция. вроде только на ie работает.

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function show_image_depends_on_time(e, dayimg, nightimg) 
{
    current_date = new Date();
    a = current_date.getHours()-1;
    if (a > 8 && a < 10) 
    {
        document.getElementById(e).src = dayimg;
    }
	else
    {
        document.getElementById(e).src = nightimg;
    }
}
</script>
</head>
<body>
<img id="daynightimg" scr="day.jpg" />
</body>
<script language="javascript" type="text/javascript">
show_image_depends_on_time('daynightimg', 'day.jpg', 'night.jpg');
</script>
</html>

DENweb · 30.04.2008, 11:37

ага работает...
а как его запустить из файла?
а то не хочу такой код писать на каждой странице

sokol666 · 30.04.2008, 19:28

Создаешь новый файл, кидаешь туда весь код, без тегов script есстественно) Сохраняешь с расширением *.js На странице пишишь <script (там launguage всякие) src="путь к файлу(как к картинке, имею ввиду вместе с расширением файла)"> </script>

letayushaya · 01.05.2008, 12:41

DENweb, png прекрасно показываются в ИЕ. Просто надо знать, как их прописывать. И не надо будет ничего отдельно перелопачивать для ИЕ. Вообще, конечно, твой подход к верстке - это нечто. Правильно тебе Makarenya говорит: верстать надо сразу во всех браузерах.
Причем сначала рекомендую верстать общую раскладку блоков. То есть предположим, на сайте есть шапка, боковое меню, блок контента и футер. Вот их и сверстай в первую очередь - без содержимого. И смотрим во всех установленных на компе браузерах (кстати установить одновременно ИЕ6 и ИЕ7 вполне возможно). Если что не так - тут же подправили. Если не знаем как подправлять - ищем в инете хаки и подходы.
Потом принимаемся за содержимое. Так же тщательно и постепенно все проверяем, хачим и подстраиваем. А ты, пардон, через жопу верстать собрался. Конечно, я понимаю, что это от незнания кое-каких основ. Ну, так лучше с самого начала приучай себя к правильному подходу, чем потом будешь переучиваться.

Так вот. По поводу png.

Код:

#div {width:200px; height:100px; background:url(images/logo.png) 0 0 no-repeat; }

* html #div {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/images/logo.png', sizingMethod='scale')}

#div a {position:relative; }

Обрати внимание: для обычных браузеров png прописывается фоном. Для ИЕ используется фильтр AlphaImageLoader. Размер блока должен четко соответствовать размеру png. Для ИЕ в фильтре путь к картинке указывается абсолютный (сравни указание пути к картинке для остальных браузеров). Если нужна ссылка внутри блока с png, то ей присваивается свойство position:relative.
Есть еще нюансы - в любом поисковике набери "png в Интернет Эксплорер" - и читай хелпы.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Дизайн сайта	Semen	Резюме	0	10.11.2014 00:48
Дизайн сайта	radius	Зал дебютантов	10	31.01.2012 19:07
Дизайн сайта	creativonly	Зал дебютантов	4	05.06.2010 21:06
Как Вам дизайн сайта?	po4emu	Зал мастеров	43	20.03.2008 23:27
Как вам дизайн сайта?	MAKSSS	Зал дебютантов	12	04.02.2004 11:42

28.04.2008, 13:23	#11
Асмодиан	А вот с IE батенька вы зря. как не крути, ПОДАВЛЯЮЩЕЕ большинство юзверей на нём и сидят...

28.04.2008, 13:28	#12
DENweb	я знаю. но я сделал план..которго хочу придерживатся 1. полностью закончить в опере и мазиле 2. в ие сделать меню 3. уже дальше оптимизировать..сделаю просто все картинками без прозрачности...

28.04.2008, 13:35	#13
Асмодиан	Ээээ. На вёрстку такого макета под браузеры IE6, IE7, Mozilla, Opera. У меня уходит до 8 часов времени (включая popup меню). Если у вас есть ПЛАН вёрстки, то я понимаю, что времени вы собираетесь потратить намного больше... Причём делать под одни браузеры, а потом подводить под другие - неоправданный расход времени и сил. То, как вы построили план - вы собираетесь переделывать одну и туже работу 3 раза... Добавлено через 2 минуты Совет бывалого верстальщика. Сделав небольшой кусок работы, проверяйте его во всех браузерах. Удостоверившись, что всё ОК, беритесь за следующий. А то на заре работы несколько раз натыкался на то, что "стратегические" аспекты, взятые мной оказываются дохлыми под браузерами, на которых я не проверял сайт. И как результат - полная переделка. А это ужасно Последний раз редактировалось Асмодиан; 28.04.2008 в 13:35.. Причина: Добавлено сообщение

28.04.2008, 13:39	#14
DENweb	я и собираюсь делать полную переработку в ие..у меня там все на прозрачности.с прозрачностью Ие вроде не работает..ну по крайне мере нетак как надо... ну вот и получится надо под ИЕ просто напростно новый цсс в котором верх весь будет одной кртинкой... можно будет в ие убрать картинки которые отображаются в опере\мозиле и наоборот?

30.04.2008, 09:08	#15
sokol666	проблему с картинкой по времени суток решить легко. дай тегу img id какойнить например id='nebo'. потом в скрипте пишешь вместо document.write document.all.nebo.src='имя файла'и в body пишешь onload='show_image_depends_on_time();'

30.04.2008, 11:37	#18
DENweb	ага работает... а как его запустить из файла? а то не хочу такой код писать на каждой странице

30.04.2008, 19:28	#19
sokol666	Создаешь новый файл, кидаешь туда весь код, без тегов script есстественно) Сохраняешь с расширением *.js На странице пишишь <script (там launguage всякие) src="путь к файлу(как к картинке, имею ввиду вместе с расширением файла)"> </script>

01.05.2008, 12:41	#20
letayushaya	DENweb, png прекрасно показываются в ИЕ. Просто надо знать, как их прописывать. И не надо будет ничего отдельно перелопачивать для ИЕ. Вообще, конечно, твой подход к верстке - это нечто. Правильно тебе Makarenya говорит: верстать надо сразу во всех браузерах. Причем сначала рекомендую верстать общую раскладку блоков. То есть предположим, на сайте есть шапка, боковое меню, блок контента и футер. Вот их и сверстай в первую очередь - без содержимого. И смотрим во всех установленных на компе браузерах (кстати установить одновременно ИЕ6 и ИЕ7 вполне возможно). Если что не так - тут же подправили. Если не знаем как подправлять - ищем в инете хаки и подходы. Потом принимаемся за содержимое. Так же тщательно и постепенно все проверяем, хачим и подстраиваем. А ты, пардон, через жопу верстать собрался. Конечно, я понимаю, что это от незнания кое-каких основ. Ну, так лучше с самого начала приучай себя к правильному подходу, чем потом будешь переучиваться. Так вот. По поводу png. Код: #div {width:200px; height:100px; background:url(images/logo.png) 0 0 no-repeat; } * html #div {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/images/logo.png', sizingMethod='scale')} #div a {position:relative; } Обрати внимание: для обычных браузеров png прописывается фоном. Для ИЕ используется фильтр AlphaImageLoader. Размер блока должен четко соответствовать размеру png. Для ИЕ в фильтре путь к картинке указывается абсолютный (сравни указание пути к картинке для остальных браузеров). Если нужна ссылка внутри блока с png, то ей присваивается свойство position:relative. Есть еще нюансы - в любом поисковике набери "png в Интернет Эксплорер" - и читай хелпы.