Hol1killer

Ну я завтра попробую отпишусь в любом случаи. Просто меню никогда не делал через табличную магию=) Обычно использую float или display:inline-block.

А, так нужно обязательно заполнить ссылками всё пространство? Может, тогда лучше вместо float использовать display:table/table-cell? А то и модные флексбоксы, а float-ы оставить для деградации? Потому что полагаться на конкретную ширину текста в пикселях — изначально провальная идея. Чуть другой шрифт на чуть другой платформе — и всё заверте... Спасибо за идею. Да требуется заполнить все пространство в размере 1060px этими ссылками. Попробую поиграться с display:table/table-cell. Вы предлагаете каждой ячейке задать определенный размер или я не допонил что-то? Про флексбоксы я не слышал ничего но почитаю.

Доброй ночи друзья. Столкнулся с проблемой, никак не могу понять почему так. Но понимаю что решение на поверхности Есть скроллер и проблема в том что первый пункт меню li влияет на ширину родителя. http://elemisdesign.com/demos/carousel/light/index.html тут к примеру 4 слайд его margin-right не воздействует на родителя и не расширяет его на 11 пикселей. Как мне сделать что бы у меня так же первый пункт li и его margin-left:10px не влиял на родителя. У родителя задан одинаковый ровный паддинг справа и слево что центрировать. Но опять же первый элемент li сдвигает все в право на 10px и получается что левый кусок больше чем правый на 10px. Хотелось бы узнать какую обертку следует использовать что бы li не воздействовал и не сдвигал так всю конструкцию. Надеюсь понятно обьяснил.

Да похожая картина. Просто там эффект создан при наведение он подсвечивается и до конца остается небольшой пробел. между последним пунктом и правой границой. Не очень красиво становится. Проблема только в фаерфоксе и IE. В опере и хроме все хорошо. Ну я впринципе так и думал, просто боялся что где то мог косячнуть в верстке.

Это и так сброшено, просто не привел код, результата нету. Я понимаю что размер шрифта различный и надо хаками воспользоваться для IE и mozila.

Тогда в firefox контент шире чем в опере и хроме. Фаерфокс 22. Что придется к хакам обращаться что-ли? Что-то раньше я с такой проблемой даже не сталкивался

Даже если я его убираю все равно в мозиле контентная часть меньше. Тоесть каждый li в фаерфоксе ( через фаербаг ) имеет меньше ширину на 2-3 пикселя чем в опере и хроме. Не понимаю с чем это связано.

Добрый день столкнулся с проблемой размера контента в фаерфоксе. Скрин меню в фаерфоксе В остальных браузерах вот CSS код .mainmenu-block { background-color: #6EB9FF; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 185, 255, 1)), to(rgba(15, 109, 196, 1))); background-image: -webkit-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -moz-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -o-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:1px; height:40px; } .mainmenu-block .menu { border:1px #FFF solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:38px; } .mainmenu-block li { float:left; position:relative; z-index:500; display:block } .mainmenu-block li:last-child a { border-right:0; padding-left:33px; } .mainmenu-block li:hover { background-color: rgba(255,255,255,0.2);} .mainmenu-block li a { display:block; color:#FFF; font-size:17.5px; text-decoration:none; padding:0px 26px; line-height:38px; border-right: 1px solid #0F6DC4; } .mainmenu-block li a:hover { text-decoration:underline; } не понимаю почему размер контента в фаерфоксе занимает меньше места чем в других браузерах. С чем это связано ( шрифт ) что-ли? Меню ограничено 1040px ширины родителя.

Столкнулся с проблемой блочой модели google chrome html <div class="mainmenu"> <div class="mainmenu-wrapper"> // меню </div> </div> CSS .mainmenu { width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; border:1px #6F6FFF double; box-shadow:0 0 10px #CCC; -moz-box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .mainmenu-wrapper { padding:2px; border:1px #B3D9FF solid; border-radius:5px; } на выходе получаю в chrome что ширина блока mainmenu 962px а в остальных браузерах 960px ширина блока mainmenu-wrapper в chrome 958px а в остальных браузерах 952px что-то я раньше не замечал таких различий, доктайп стоит: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> Версия chrome 27.0.1453.94 m

Спасибо, блин забыл скобки ($count*580) и туплю.

В общем что-то я туплю. Есть следующее $out = '<div class="gallery'.(count($gallery['files'])<3?' smooth300':'').'" currentPic="1" totalPics="'.count($gallery['files']).'"><div class="imagesWindow"><div class="images" style="width:'.(count($gallery['files'])*580).'px;">'; как сделать заместо count($gallery['files']) вставить переменную к примеру я пишу $count = count($gallery['files']); а после вставить значение $count в строку $out. Я конечно не новичок в программировании но в php не прям силен. Что-то не могу сообразить.

А как вообще можно для форм с одинаковой структурой делать одинаковый код на валидацию и другое? У меня формы только одним полем отличаются? и я не хочу что бы у каждой формы были разные ID, а так же приходится изменить ID полей текстовых С дублированием кода у меня все получилось я сделал конструктор и скопировал прототип и пошло, ( да я узнал что прототип это наследование ) Так же для примера спрашиваю: DoAddElems: function () { this.validator.SetSubmiterName("orderFormSubmiter"); this.validator.AddElem("name", "input"); this.validator.AddElem("phone", "input"); }, могули я внутри DoAddElems использовать Jquery код ? Так же мне нужно еще одну форму на эту страницу пихнуть, тоесть их там 3 будет, но она будет дублем 2 формы точно такая же только выше и в другом дизайне, поля и html код такой же, мне и для этой формы придется дублировать конструктор и прототип?

Попробывал скопировал имена изменил, все ID тоже изменил, тогда 2 форма связывается с 1 и кнопка на ней становится неактивной, и когда заполняю 1 форму то на обоих формах кнопка становится активной и можно отправлять. Тоесть как бы пока 1 форму не заполнишь на 2 форме кнопка неактивна, вообще нифига не понимаю

Все что есть у меня. Я просто не до конца понимаю как это работает, если объясните или ссылочку на материал где можно почитать, буду благодарен! function SubmitValidatorFuncs() {} SubmitValidatorFuncs.prototype = { submiterName: "", submiterDisabledClassName: "submiterDisabled", subValidator: Object(), SetSubmiterDisabeldClassName: function (a) { this.submiterDisabledClassName = a; }, AddElem: function (a, { a = "#" + a; this.BindElem(a, ; }, AddElemClass: function (a, { this.BindElem(a, ; }, BindElem: function (a, c) { var b = this; if ((c == "input") || (c == "textarea")) { $(a).bind("click focus keyup paste blur", function () { b.subValidator.DoValidate(); }); } else { if ((c == "checkbox") || (c == "radio") || (c == "button")) { $(a).bind("click", function () { b.subValidator.DoValidate(); }); } else { if (c == "select") { $(a).bind("change", function () { b.subValidator.DoValidate(); }); } } } }, IsChecked: function (a) { a = "#" + a; return ($(a).attr("checked") == true); }, IsNotChecked: function (a) { return !this.IsChecked(a); }, IsEmptyInput: function (a) { a = "#" + a; return ($(a).attr("value") == ""); }, IsNotEmptyInput: function (a) { return !this.IsEmptyInput(a); }, IsEmptyTextarea: function (a) { a = "#" + a; return ($(a).val() == ""); }, IsNotEmptyTextarea: function (a) { return !this.IsEmptyTextarea(a); }, IsSelectedZero: function (a) { a = "#" + a; return ($(a).val() == 0); }, IsNotSelectedZero: function (a) { return !this.IsSelectedZero(a); }, IsPositive: function (a) { a = "#" + a; return ($(a).val() > 0); }, IsSelectedNatural: function (a) { a = "#" + a; return ($(a).val() >= 0); }, IsDateValid: function (c, { c = "#" + c; var a = $(c).attr("value"); if (b == "dd.mm.yyyy") { var f = new RegExp("^[0-3]{1}[0-9]{1}.[0-1]{1}[0-9]{1}.[0-9]{4}$"); var d = a.match(f); if (d != null) { return true; } else { return false; } } else { if (b == "hh:mm") { var g = new RegExp("^[0-2]{1}[0-9]{1}:[0-6]{1}[0-9]{1}$"); var d = a.match(g); if (d != null) { return true; } else { return false; } } else { return false; } } }, IsEmailValid: function (c) { c = "#" + c; var b = $(c).attr("value"); var a = new RegExp("^[^@]+@[^@.]+[.]{1}[^@.]{2,}$"); var d = b.match(a); if (d == null) { return false; } else { return true; } }, SetSubmiterName: function (a) { this.submiterName = a; }, SetSubValidator: function (a) { this.subValidator = a; }, DoChangeSubmitActive: function ( { var a = "#" + this.submiterName; if ( { $(a).removeClass(this.submiterDisabledClassName); $(a).removeAttr("disabled"); } else { $(a).addClass(this.submiterDisabledClassName); $(a).attr("disabled", "disabled"); } }, DoChangeErrorClass: function (b, a) { var c = "#" + b + "Title"; if (a) { $(c).removeClass("error"); } else { $(c).addClass("error"); } } }; function SubmitValidator() { var a = new SubmitValidatorFuncs(); return { SetSubmiterName: function ( { a.SetSubmiterName(; }, SetSubValidator: function ( { a.SetSubValidator(; }, AddElem: function (b, c) { a.AddElem(b, c); }, AddElemClass: function (b, c) { a.AddElemClass(b, c); }, IsChecked: function ( { return a.IsChecked(; }, IsNotChecked: function ( { return a.IsNotChecked(; }, IsEmptyInput: function ( { return a.IsEmptyInput(; }, IsNotEmptyInput: function ( { return a.IsNotEmptyInput(; }, IsEmptyInputTextarea: function ( { return a.IsEmptyInputTextarea(; }, IsNotEmptyTextarea: function ( { return a.IsNotEmptyTextarea(; }, IsSelectedZero: function ( { return a.IsSelectedZero(; }, IsNotSelectedZero: function ( { return a.IsNotSelectedZero(; }, IsSelectedNatural: function ( { return a.IsSelectedNatural(; }, IsPositive: function ( { return a.IsPositive(; }, IsDateValid: function (c, { return a.IsDateValid(c, ; }, DoChangeSubmitActive: function ( { a.DoChangeSubmitActive(; }, IsEmailValid: function ( { return a.IsEmailValid(; }, SetSubmiterDisabeldClassName: function ( { a.submiterDisabledClassName = b; }, DoChangeErrorClass: function (c, { a.DoChangeErrorClass(c, ; } }; } function OrderFormValidator() { this.Run(); } OrderFormValidator.prototype = { validator: SubmitValidator(), Run: function () { this.validator = new SubmitValidator(); this.validator.SetSubValidator(this); this.DoAddElems(); this.DoPrepareHiddenElems(); this.DoValidate(); }, AddElem: function (a, { this.validator.AddElem(a, ; }, DoAddElems: function () { this.validator.SetSubmiterName("orderFormSubmiter"); this.validator.AddElem("name", "input"); this.validator.AddElem("phone", "input"); }, DoPrepareHiddenElems: function () { var a = (window.location.hash.toString() == "#order"); if (a) { $("#name").focus(); } }, DoValidate: function () { var c = this.validator.IsNotEmptyInput("name"); var a = this.validator.IsNotEmptyInput("phone"); this.validator.DoChangeErrorClass("name", c); this.validator.DoChangeErrorClass("phone", a); var b = (c && a); this.validator.DoChangeSubmitActive(; } }; $(document).ready(function () { if ($("#orderFormSubmiter").length) { new OrderFormValidator(); } });

Спасибо за ответы Ну это тогда получается что я дублирую код, что не очень хорошо? или другого варианта тут нету? И можно какую нибудь литературу по ООП для Javascript. Я знаю что jQuery тут только на точку входа влияет, а остальное я как понял prototype, просто я в WEB программировании не силен пока=)

Добрый день, я новенький программист, раньше писал на С++, в WEB программировании олух. Есть вот такие вот вещи на Prototype (я так думаю) Есть 2 формы которые проходят валидацию через функцию OrderFormValidator () функция работает 100% правильно. вот кусок кода он рабочий и отлажен function OrderFormValidator() { this.Run(); } OrderFormValidator.prototype = { validator: SubmitValidator(), Run: function () { this.validator = new SubmitValidator(); this.validator.SetSubValidator(this); this.DoAddElems(); this.DoPrepareHiddenElems(); this.DoValidate(); }, AddElem: function (a, { this.validator.AddElem(a, ; }, DoAddElems: function () { this.validator.SetSubmiterName("orderFormSubmiter"); this.validator.AddElem("name", "input"); this.validator.AddElem("phone", "input"); }, DoPrepareHiddenElems: function () { var a = (window.location.hash.toString() == "#order"); if (a) { $("#name").focus(); } }, DoValidate: function () { var c = this.validator.IsNotEmptyInput("name"); var a = this.validator.IsNotEmptyInput("phone"); this.validator.DoChangeErrorClass("name", c); this.validator.DoChangeErrorClass("phone", a); var b = (c && a); this.validator.DoChangeSubmitActive(; } }; и точка входа $(document).ready(function () { if ($("#orderFormSubmiter").length) { new OrderFormValidator(); } }); но у меня 2 формы с ID orderFormSubmiter на 1 странице и валидация проходит только для 1 формы а для 2 никак не хочется, пробывал через each() но ничего не получилось, нужно вызывать OrderFormValidator() для каждой формы по отдельности но это не получается и он вызывает только для 1 формы или я что-то не так понимаю, я новенький надеюсь на вашу помощь.

Спасибо не знал об этом свойстве, но к сожалению все равно не получилось, проблема в том что у clip нельзя задавать проценты, а у меня высота .middle всегда разная и я не могу задать правильные кординаты в clip.ru. Пока не знаю как сделать, возможно можно подсчитать высоту .middle через JS а после вставить в clip

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

а это зачем такие извращения? все что position: fixed будет не включено в основной контекст, так что никак нельзя. Да знаю что извращение. Но просто он хочет что бы вместе с контентом и прокручивались слева и справа колонки, и они не вылетали на футер. Вообще никаких шансов? мне главное что бы за границы блока .middle не выходило, колонки фиксировоной ширины.

Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

Спасибо, понял косяк!=)

расстояние между 2 уровнем меню и 1 есть небольшое и когда наводишь hover эффект слетает, а надо что бы стабильно открывался 2 уровень меню, а прям вплотную не красиво смотрится а последний пункт меня устраивает...

собственно http://jsfiddle.net/zDJdT/2/ не понимаю почему так пропадает, помогите пожалуйста, где косячю?

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

Добрый день друзья, вставляю кастомный шрифт с помощью следующего кода @font-face { font-family: 'sss'; src: url('fonts/sss.eot'); src: url('fonts/sss.eot?#iefix') format('embedded-opentype'), url('fonts/sss.woff') format('woff'), url('fonts/sss.ttf') format('truetype'), url('fonts/sss.svg#TerminalDosisMedium') format('svg'); } шрифт формата .ttf скачивал с fontzone.net, а конвертировал через сервис http://onlinefontconverter.com/ ну шрифт правильно отображается только в opere, а еще бы хотелось бы в мозиле с 3.6 и в гугл хроме, что не так? Или оставить один ttf ну в мозиле все равно не работает..... даже в самой новой, для мозилы шрифт в каком формате нужен? Все пути правильные, вроде должно работать