RodgerFox

Какой js? Ты походу спишь в одном ботинке, правда) Вот весь код: .block { position: relative; border: 1px solid #000; width: 200px; } .block:after { position: absolute; width: 100%; top: 20px; bottom: -20px; right: -20px; border: 1px solid red; content: ''; } Я так наал делать с самого начала, но почему то не получилось. Первый способ писал. Странно почему так, тупо не отображаются не один афте или бифо. Почему так может быть? Создал и новый документ все заново, бесполезно! Куда копать? Потому что ты ставил высоту псевдоэлементам в процентах, которую им неоткуда было высчитывать. А я сделал через смещения: top, bottom. Просекаешь?) Главный блок должен быть резиновым. Поэтому псевдоэлементы будут высотой в бордюр =\ конечно можно помагичить используя еще outline а бордюр взять ывсотой и шириной родительского элемента, но думаю не заработает =\

Какой js? Ты походу спишь в одном ботинке, правда) Вот весь код: .block { position: relative; border: 1px solid #000; width: 200px; } .block:after { position: absolute; width: 100%; top: 20px; bottom: -20px; right: -20px; border: 1px solid red; content: ''; } Я так наал делать с самого начала, но почему то не получилось. Первый способ писал. Странно почему так, тупо не отображаются не один афте или бифо. Почему так может быть? Создал и новый документ все заново, бесполезно! Куда копать?

И тогда по идее нижний сдвинется вместе с содержащимися боксами. Я бы так делал лучше не понял не много вашу идею, там js? нужно без него решить задачку >.< Лол, наверное я ступил, вложил блоки друг в друга и начал двигать каждый на ровное количество и все отлично) Большое спасибо. Буду рад увидеть более адекватные способы.

Доброй ночи, уважаемые пользователи форума. Столкнулся с задачкой, может я уже хочу спать или еще что то. Но почему то не могу решить одну задачку. И так, есть див. В нем есть заголовок и несколько параграфов. Ширина блока, фиксированная. Высота нет! Как только при помощи css создать еще 2 блока, и подложить их под первый и чуть чуть сдвинуть. дабы получилось что то вроде страниц. Проблема: для доп. блоков не могу указать высоту, потому что высота главного блока, для которого повторять нужно резиновая. Идеи: 1) использовать after, before <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <p>Параграф 3</p> <p>Параграф 4</p> <p>Параграф 5</p> </div> И использовать афтер и бифо. Пробовал 100 процентов указать, или взять высоту родителя inherit. вообще не как =\ 2) Создать доп. блоки, брать высоту у родителя block, и прятать их при помощи z-index назад, под этот блок, но не получилось спрятать их за родителя. =\ <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <p>Параграф 3</p> <p>Параграф 4</p> <p>Параграф 5</p> <div class="ad-block ad1"> </div> <div class="ad-block ad2"> </div> </div> Выход, типа в каждый блок вставлять одну и туже информацию, не подходит. У кого есть какие идеи? Пример того, что хочу получить, http://ru.html.net/tutorials/css/lesson15_ex1.php только высота других блоков должна приниматься от главного.

Подскажите скрипт. Его функция брать все дивы и раскладывать их равномерно по всей области, на пример izotop.js но без множества дополнительных плюшек. Пример работы: http://pinterest.com/

Вот подскажите, как мне дополнить этот скрипт: $("#box_grid ul li").click(function(e) { $("#box_grid ul li").removeClass("selected"); var $checkbox = $(this).find(':checkbox'); $("#emp_grid :checkbox").not($checkbox).removeAttr("checked"); if (e.target.type == "checkbox") { // stop the bubbling to prevent firing the row's click event e.stopPropagation(); $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked')); } else { $checkbox.attr('checked', !$checkbox.attr('checked')); $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked')); } }); ,что бы он принимал класс selected, не только при нажатии на чекбокс но и на label , который рядом с ним.

Мммм... Большое спасибо, но чуть не так. http://jsfiddle.net/yguKa/3/ вот изменил пример, посмотрите... Соль в том, что при дефолту уже активен первый инпут. Может, нужно использовать типа такой функции: function getRadioGroupValue(radioGroupObj) { for (var i=0; i < radioGroupObj.length; i++) if (radioGroupObj[i].checked) return radioGroupObj[i].value; return null; } Или может идти от доп. свойства - checked в инпуте? Или это прикрутить? $('#checkbox').change(function(){ var c = this.checked ? '#f00' : '#09f'; $('p').css('color', c); }); я нуб в js Попробовал такое сделать, не работает =\ Ссылка: http://jsfiddle.net/7kvjg/1/ Код: $(document).ready(function() { $('#rowclock li') .filter(':has(:radio:checked)') .addClass('selected') .end() .click(function(event) { if (event.target.type !== 'radio') { $(':radio', this).trigger('click'); } }) .find(':radio') .click(function(event) { $(this).parents('li:first').toggleClass('selected'); }); }); Смотрел эту статью http://www.learningjquery.com/2008/12/quick-tip-click-table-row-to-trigger-a-checkbox-click, там в комментах предоставили идею как радио, только сделанный через чекбоксы. По другому не как? Ну т.е. использовать радио место чекбоксов? ?Идея с чекбоксами как радио: http://jsfiddle.net/markcoleman/UYkXS/2/

Доброе время суток, уважаемые пользователи форума. Подскажите пожалуйста как мне решить поставленную мной же задачу. И так, имеется список в котором находится инпут с типом радио, поле label и еще некий контент ( текстовой). Как сделать, что бы при нажатии и активации определенной радио кнопки в блок где все это находится добавлялся некий класс, что бы уже потом стилями разделял выделенный список от всех остальных. Большое спасибо заранее. Может есть способы без использования js

Подскажите пожалуйста, как сделать, что бы при клике на ссылку открывался скрытый блок. При нажатии на кнопку, текст в ней менялся на другой и при нажатии на ссылку или вне этого блока, блок который раскрылся опять скрылся. Я не очень хорошо разбираюсь в этом и часть с нажатием вне блока, который раскрылся, совсем не понятен мне( в плане как реализовать). Большое спасибо заранее. Пример, как на фриланс.ру поле авторизации решение: (function($, window) { $.fn.loginPopup = function($popup) { var $self = this, $window = $(window); return this.toggle( function() { $popup.stop(true,true).fadeIn(300).bind('click.bLogin', function(event){ // предотвращаем всплытие события, // т.е. не даем закрыться попапу(см.ниже) event.stopPropagation(); }); // скрываем попап если: $window.bind('click.bLogin', function(){ // до window "прошел" click $self.trigger('click'); }).bind('keydown.bLogin', function(event){ // нажали Escape if(event.keyCode === 27){ $self.trigger('click') } }); return false; }, function(){ // прячем попап $popup.fadeOut(300).unbind('.bLogin'); $window.unbind('.bLogin'); return false; } ); }; })(jQuery, window); Инициализация плагина: Подскажите как с ним сделать, что бы при нажатии на ссылку, текст ссылки менялся?

=) Вот кто в ваши головушки вбил, что при штмл 5 дивы пропадают? Почему все бешено и хаотично пытаются не использовать этот тег?

А почему не удобно исп. background?

Конечно надо, практически нету различия между ссылками и текстом. И с отступами не много поработайте.

ЛОЛШТО? <div id="slider"> <div class="slid">...</div> <a class="left butt"></a> <a class="right butt"></a> </div> but {display: absolute: ##px; top: ##;} классу left/right свои отступы, у одного с права у другого с лева. Что трудного? Идите от суда учится.

Что за спам? Встаньте и сделайте. Во круг нас тьма вещей ужасных и не правильных. Не много подвигать, помять, убрать, ну на крайний случай просто взять и кинуть об асфальт, потом поднять, завернуть и кинуть в окно. Вот и все! Что бы это не было это уже прошло. Теперь можно пойти и нарисовать кошку на асфальте. Для тех кто сомневается, возьмите готовое решение, хоть формы. И сделайте из неё еще более удобную форму. Придумать, что то новое дизайнер не сможет не имея воображения, худ. образования и мыла. Сам по себе дизайн это создание чего то нового из чего то старого. На пример рассмотреть дизайн расчески. От раковин и гребешков, до ультра ппц каких ыпроыр пф - ращёсок! И художник не копирует увиденное, ух как не копирует. Вот помню в детстве ходил в худ. школу и летом мы писали картины на улице, уж не помню как называется все это. И была улочка... и стояли на ней машины. У меня они получались на удивление с острыми формами, а у соседней девушки все округленькие как жуки. ( жук в смысле модель авто). Ну это так... привет из прошлого. Не за чем сидеть, надо пробовать. Хотя жаль, что не пошел на худ. граф. =\

Призы? Есть реальная возможность выиграть в нескольких номинациях с одной работой? Сроки? Скорое сессия начнется, а так же закончится.

Читайте внимательно и это будет успех, бомба, пожар... пожар, который будет не мысленно быстро распространяться в сердцах всех. НЕ КОГДА НЕ СТАВЬТЕ ССЫЛКИ НА ЯРКОМ И КОНТРАСТНОМ ФОНЕ! ИСПОЛЬЗУЙТЕ СЕТКУ! Идея с занавесом кажется понятна мною... И так... Приятный белый фон. На вверху справа расположен логотип, в вашем случаи приятный шрифт. И найдите в вашем городе найдите илюстратора для масок =\ // Интересный текст, приходите в театр, используйте его в 404 странице. Большими буквами 404, дальше описание ошипки, типа не доступна страница, не найдена и т.п. и дальше этот текст. Будет мило и приятно. Ссылки под логотипом понятные и информативные. Афиша должна быть на главной, хотя бы ближайшая неделя. Ну а потом блоки с кратким описанием и ссылками на внутренние страницы, а так же не прячьте место нахождение сайта и создайте добротную страницу с актерами с полным описанием о каждом. .. тут можно подробнее описать как надо, но вот свободное время заканчивается и надо работать .. Весь контент выравнивается по левому краю. А теперь ваш занавес. сделайте его чуть под углом, как будто он начинает закрывать или наоборот, да да наоборот приоткрывает ваш сайт. Сайт вашего любимого театра, сайт, который должен познакомить и юного театрала и уже опытного с вами и делать то, зачем он и нужен. Внутренние видел мельком... там все уг =( Удачи

Мммм, обожаю юзабилити. Заголовок: Добро пожаловать в галерею картин, живописи, скульптуры и других произведений современного искуства картину.com! Так может тогда на всю ширину показать этот каталог? Зачем эти рамки ? Знаете как нелепо выглядит ваша галерея картин на больших мониторах? Блок стили и Тема: Если посмотреть в середину каталога сразу будет не ясно, пользователю не разбирающемуся в прекрасном, где что. Надо начинать с начала и играть в игру - соедини название с картинкой. Боковое меню: Категория картин? А где же скульптуры и все остальное? Поиск и выбор валюты: У всех будет заблуждение за чем блок валюты, вы хоть объясните, что это по большей части магазин. А то догадка кроется в низу странице рядом с ценником у картин. Остальное из боковой колонки заталкать поместить в шапку, и уберите это убогое оформление, вы же хоть какая, но галерея. И так, главная страница должна отражать весь ваш сервис, в ней должна быть понятная шапка, с необходимыми в ней элементами. Не нужен этот убогий фон и чувак пишущий картину. Зачем? Это вызов? Или любовь ко всему, что вызывает рвотные позывы? Возлюбите резину! Представьте себе на мгновение. Теплый белый, на самом вверху разместился баннер во всю ширину и имеющий высоту около 60 пикселей, и просто как магнит манит деньги за такое теплое местечко. А сразу под ним греют глаз приятная типографика, показывающая себя в виде четкого и понятного логотипа, описывающий уже частичку проекта, там же разместился удобный поиск с выбором стилей и тематик ( чти select), с логически понятным выбором, валюты, хотя и это должно стоять отдельным блоком и переключать всю валюту которая имеется у произведений. Сразу под ним разместилось главное меню и описание проекта, а дальше, как приятно прочесть побольше текста о проекте, сразу удобно выбрать каталог, что бы посмотреть произведения, или увидеть вывод по уже заранее подготовленым фильтрам что то. И все это не ютится на жалких пикселей, а имеет резину. Короче, УГ. Внутренние страшно и противно. Глазки не должны напрягаться. Все должно быть интуитивно понятно. Про баннер, это будет точно удобней, дороже и приятней, чем то, что сейчас. Приглашать кнопкой свободных художников это ужасно. Для хорошего сервиса она должна или быть спрятана, что бы потратить около 30-120 сек. Или быть видна и иметь сразу короткое описание, зачем. Сейчас там стыдно выложить тетю галю которую я нарисовал на уроке, а нет.. я же не в школе, слава богу... и не хочу больше иметь не чего общего с этим. Уж простите. Вы же не для нас это делаете и надеюсь не для себя, делайте для людей и главное от людей. Удачи. ИМХО!

Первая верстка и так элегантно придумали с флоутом в боковой колонке? Не не не не не.... хватит тут на жалость давить с первой версткой.

Дивная верстка, весь код написан с любовью и пониманием сия деяния. Проблема: при выделении текста и перемещения мышки в право, страница прокручивается в правую сторону. Особенности: Почти весь контент расположен по середине, некоторые элементы располагаются от середины страницы до правой стороны страницы ( затеи дизайна). Прикрепил картинку, для понимания. На картинке безобразно изображены элементы, по середине большой блок, на пример с ним, если выделить текст и ввести вправо, возникает этот тупой баг. Ну и конечно же порция кода. Код для большого блока с 4 прямоугольниками: { padding: 22px 9999px 0px 0px; color: white; border-top: 2px solid white; } Для внутренних блоков использую флоат. и в конце клеа.

Пожалуйста сделайте скрин сайта и выделите в нем логотип, не видно. Или убогая и не заметная надпись справа вверху это логотип? Нет.. нет нет нет, это не куда не годится. И не слушайте комментарии, что были выше... я их не читал, но поиск говорит о том, что там не чего не написано про сетку. А без этого, что бы вы не сделали своим миниатюрным мозгом, не приведет вас в правильное русло, уж простите. Сетка, дизайн, сетка, каскадная сетка и еще раз сетка. А не налепленные блоки с непонятной информацией. Ответ с другого ракурса на УГ. Главное меню: Почему ссылка - Главная под другим фоном? С ощущением того, что выделена. Специально нажал на соседнею, и лучше бы не делал. Активная ссылка не как не выделяется, что уже показывает ***. Блок новости: ну *** он нужен тут? Может и нужен но, точно не про гиганта с, - "...сумму $1 млрд.". Блок рейтинг чего то там: Все слиплось что бы не в коем случаи не показать адекватность среди остального болота. Очень удивил вывод рейтинга статей, почему овал? Это же ппц не понятно! ладно бы была убогая звездочка с числом внутри. Прошу прощения, но дальше я не могу.... хочется вырвать глаз. Когда мельком зашел по ссылке увидел как вся эта куча расползлась по сторонам и по центру появился убогая табличка с чем то. Нет, так нельзя... p.s. девочка или мальчик вы, не имеет значение, если задача информативность или у вас своё личное строение организма, позволяющая переварить все это?

конечто со скриптом, а вывести на печать ошибки это как?

пошли дизайнера и заказчика. но лучше дизайнера. нельзя использовать сглаживание в веб шрифтах. всегда будет негодование от заказчиков =\ ИМХО

Место того, что бы выводить информацию из файла, нечего не происходит. Код: $file='text.txt'; $fobj=fopen($file,"r"); $text=fread($fobj, filesize($file)); дальше идет вывод из файла, вывод происходит в нескольких местах на странице, поэтому отдельно: echo($text); и в конце страницы отключаемся от файла fclose($fobj); в тексте набор слов без списка без нечего, даже не получается вывести 1 ссылку. в нескольких местах сразу. В чем может быть проблема, не понимаю. Подскажите пожалуйста. Пробовал еще через инклюд include 'text.txt' Может я что то делаю не так. Что то мне подсказывает, что нельзя разъединять все эти куски, но как тогда сделать иначе? Под кусками я имею в виду первые 3 кода.

спасибо, отличный плагин для ие. его и не хватало.

Добрый день, уважаемые пользователи forum.htmlbook.ru! Подскажите пожалуйста как при помощи js можно добавить стиль к каждому элементу который находится между 2 без добавления стиля. Пример: <div class="moremoreelements"> <div> ### </div> <div> #1# </div> <div> ### </div> <div> ### </div> <div> #1# </div> <div> ### </div> </div> Каждый див внутри класса moremoreelements имеет класс float: left; Все элементы имеют одинаковую ширину, так же 3 элемента должны растягиваться на всю ширину ( но боковые должны быть без отступов, т.е. в плотную прижиматься к основному диву. Как можно сделать кроссбраузерно?