Softlink

Как по мне, так все-таки надо делать упор на верстку. Все-таки форум "верстальный". А то со временем начнутся конкурсы на развертывание Битрикса на сервере и т.д. Понятно, что попутные задачи по графике, JS и прочим прикладным направлениям никто для верстальщиков не отменял, но все же. Это мое мнение. Из предложенных вариантов ближе всего 2 и 5.

Ура, я собрал! Уложился ровно в 100 ходов, штуки 3-4 сделал лишних. Играл вот у этого товарища http://petruha.net/mayatiles/ Самый удачный интерфейс получился, имхо. p.s. sigma77 клево все придумала, но немного напрягают алерты, наверное можно было просто не делать ход и все.

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

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

а я бы в фон засунул все. Ибо там стрелка все равно рисованная. И также перекрыл бы все элементом с текстом.

а как сейчас делаете? Что с кроссбраузерностью?

stars, спасибо! Все работает. А по поводу азов, не могу сказать, что это хорошо. Надо сначала одно дело познать нормально, а не браться за несколько сразу. И выхватывать кусками материал я не очень люблю. Лучше уж основательно вникать.

Спасибо, Макс, но до такого мне не додуматься. Как начну учить JS, так вернусь к этому вопросу. Пусть остается как есть тогда. Я думал, что это как-то просто решается.

Привет, други. Вот есть такой скрипт у меня: function Audio(){ document.getElementById("GreyDiv").style.display="block"; document.getElementById("PhoneUsFrame").style.display="block"; document.getElementById("Audio").style.display="block"; } function Image(){ document.getElementById("GreyDiv").style.display="block"; document.getElementById("PhoneUsFrame").style.display="block"; document.getElementById("Image").style.display="block"; } function Video(){ document.getElementById("GreyDiv").style.display="block"; document.getElementById("PhoneUsFrame").style.display="block"; document.getElementById("Video").style.display="block"; } document.onkeypress = function (event) { if (event.keyCode == 27) { document.getElementById("GreyDiv").style.display="none"; document.getElementById("PhoneUsFrame").style.display="none"; document.getElementById("Image").style.display="none"; document.getElementById("Audio").style.display="none"; document.getElementById("Video").style.display="none"; } } function ClosePhoneUsFrame(){ document.getElementById("GreyDiv").style.display="none"; document.getElementById("PhoneUsFrame").style.display="none"; document.getElementById("Image").style.display="none"; document.getElementById("Audio").style.display="none"; document.getElementById("Video").style.display="none"; } function init(){ document.getElementById("GreyDiv").onclick=function(){ document.getElementById("GreyDiv").style.display="none"; document.getElementById("PhoneUsFrame").style.display="none"; }} Он делает всплывающее окно. Вот так это выглядит в html-разметке: <div id="GreyDiv" onclick="ClosePhoneUsFrame();"></div> <div id='PhoneUsFrame'> <div id="closeform" onclick="ClosePhoneUsFrame()" ></div> <div id="Audio"> текст какой-нибудь </div> </div> ——————————————-- <a href="#" class="audio-icon" onclick="Audio();">Аудио</a> Стили писать не буду, там все просто. Скажу лишь, что id="GreyDiv" делает затемнение окна с помощью opacity. Вот в чем вопрос. Можно ли упростить как-то этот скрипт? Вот в нем, насколько я понимаю, вверху идет перечисление элементов, которые будут вызываться. А можно ли как-то их объединить в одно целое? Что-то вроде: function XXXXXX(){ document.getElementById("GreyDiv").style.display="block"; document.getElementById("PhoneUsFrame").style.display="block"; document.getElementById("Image","Audio" ...).style.display="block"; как внизу в общем. Я попробовал потыкать, но у меня ничего не вышло. И еще один вопрос. Можно ли <div id="GreyDiv" onclick="ClosePhoneUsFrame();"></div> как-то выбросить из разметки и засунуть в скрипт. А то он просто так болтается в коде. Может это все и просто делается, но я не разбираюсь в JS, а изучить подобное не позволяет срок реализации. С другой стороны вроде все работает, но у меня включился какой-то перфекционизм, что надо сделать лучше. И еще если будет много разных ссылок, то скрипт будет очень большим, а это уже не очень хорошо. upd Может у кого-нибудь есть подобные скрипты в арсенале, рассмотрю варианты. Поиски по интернетам увенчались результатом на jQuery, а как-то неохота подключать библиотеку из-за этих окошек. Тем более, что красивостей мне никаких не надо: открыть-затемнить-закрыть, вот весь функционал.

Я правильно понял задачу? http://jsfiddle.net/NTvP2/

А можно картинкой это все оформить? Понятнее будет.

Попросили верстку "подправить". Увидел несколько забавных моментов, например: td{ cellspadding:0; } И еще автор сего творения, видимо, руководствовался правилами русского языка - начинать новую строчку с заглавной буквы. В каждом классе все свойства с них начинаются

может оффтоп, но ооочень забавно)))

Навигация, как навигация. Ничего хитрого нет. Слева и вверху ссылки, в центре страница с контентом. А в дизайне выделять ничего не буду, ибо его тут нет, извините.

http://forum.htmlbook.ru/index.php?showtopic=28456&pid=214590&st=0entry214590 Достаточно экзотики?) Ну вот, вопрос ТС решен А вот и не факт! Экспрешаны хреново дружат с JS, т.е. они могут сломать его работу, так что всё это очень хлюпко. ну судя по всему, здесь случилось все хорошо

Наверное вы что-то не так делаете. Скоренько накидал два варианта http://jsfiddle.net/tkzQX/ Ничего никуда не съезжает.

Да это вы сами себе придумываете какие-то трудности. Радиус работает. А вариант с картинками здесь не идет. ИМХО. В календаре лучше вставлять одну картинку для каждой даты, ибо 2-3 дива для дверей *31 день - это извращение чистой воды. В вашем случае не нужен и border-collapse(сделайте border-spacing больше), из-за которого глючит опера, а в форме и подавно его нет. Так что везде, за исключением ИЕ, все будет работать нормально.

Аналогичная Но я, кажется поняла почему не работало. Сравни http://jsfiddle.net/CpQ87/1/ и http://jsfiddle.net/CpQ87/2/ Найдешь причину? Разобрал там все по полочкам. А зачем там в нормализаторе сочетали несочитаемое? table { border-collapse:collapse; border-spacing:0; } Если убрать border-collapse, то все нормально заработает. А сам ресет роли не играет здесь. Я свой вариант предложил. Иначе бы я не делал и не делаю.

Так, а чего там должно получиться? У меня же нет ваших картинок, которые вы в бг затолкали.

это скруглить углы чтобы? Я уже приводил свой пример. Он очень дивный В опере не работает. А в какой? У меня 11.50 - все нормально работает.

странно, у всех все работает, а у вас нет.

1) мы про форму говорили и вообще про конкретный пример 2) у вас нет ; в последнем свойстве, добавьте и еще раз посмотрите. 3) -border-radius:5px; - это абсолютно лишнее и нигде неработающее свойство. Да и не свойство вообще. sigma77, а без разницы - radius и для таблицы работает вполне себе нормально.

а я писал его и у меня все работает.

Во всех современных(и не очень) браузерах все работает хорошо. И странная какая-то у вас Опера последняя. В ней вообще все без префиксов работает. Ну выбор за вами.

ох, вспомнить бы все. radius будет работать в ИЕ от 9, в Опере от 10, для вебкитов и ФФ там префиксы есть. Так что все заработает. shadow, по-моему, очень похоже. Посмотрите на htmlbook.ru, самому лениво искать и писать сюда.