Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 11/29/2013 in all areas

  1. Vlad
    Страница с формой регистрации столика от ресторана Bella Motel. Сама страница выглядит так. Нельзя Продавать PSD-файл или использовать его в своей работе. Заимствовать элементы дизайна. Можно Указывать полученный результат вёрстки в своём портфолио. Задание 1. Верхняя и нижняя часть макета тянутся по ширине окна. 2. Контент фиксированный, ширина 940px. 3. Используются шрифты Roboto Condensed, Lobster, Open Sans, подключить их через Google Fonts. 4. Сделать ссылками - логотип, верхняя навигация, нижняя навигация, Home в хлебных крошках, ящик эл.почты, "Book Now", иконки соц.сетей. 5. Ширина полей формы и блока "Reservation Discounts" имеет фиксированные размеры. 6. В форме поля со стрелками должны раскрываться. 7. Проверка обязательных полей формы средствами HTML5. reservation.zip
    1 point
  2. Zverushka
    Видимо это нормальное)... Вот так получше будет - правда есть легкий градиент...http://jsfiddle.net/quLwy/1/ А вообще через бордер же это делается.
    1 point
  3. user89
    Проблему решил еще вчера, но не было времени зайти на форум... Почему изначально сделал на списках. 1. Был простой шаблон обычного дерева на <ul><li> http://jsfiddle.net/NZaw4/1/ 2. Если делать <table>, то группировать строки можно только только через <tbody>, который НЕ поддерживает вложенность типа <tbody class="lev1"><tr>...</tr> <tr>...</tr> <tbody class="lev2"> <tr>...</tr> <tr>...</tr> </tbody> <!-- lev2 --></tbody> <!-- lev1 -->Также пробовал <tr> вкладывать в <ul><li>, бесполезно... В общем, сделал верстку с помощью таблиц. Работающий вариант http://jsfiddle.net/NZaw4/7/ Можно развернуть все узлы, а потом свернуть/развернуть 1-ю строчку. Остальные узлы сохранят свое состояние. Проверено в Опере, Мозилле, Хромом, IE9. Достоинства метода: - поскольку отсутствуют ID для <input>, то таблица легко масштабируется простым Copy-Paste Недостатки: - если таблица формируется на сервере (допустим из SQL-запроса), то алгоритм генерации HTML должен учитывать все сложности вложенной структуры <tr> - <td> - <table> - прямые линии в таблице выглядят ровно благодаря смещениям в css (раздел input:checked ~ table) Если толщина border в ячейке равна 2px, то соответственно смещение будет -2px Работает корректно, но я проверил только в 4-х браузерах...
    1 point
  4. mishka
    Вопрос не в том кто кому что должен. А в том кто что умеет. Если не получается самой нарисовать то проси дизайнера дать хотябы то с чем ты сможешь работать. Дизайнер может не знать как оно все будет работать, поэтому он не сделает готовый спрайт. В то же время верстальщик может не знать как будет работать счетчик, поэтому тоже может не сделать правильный спрайт. http://jquery-countdown.googlecode.com/svn/trunk/index.html один из таких счетчиков. Спрайты реализованны по-разному у подобных счетчиков. Дизайнер может нарисовать отдельно циферки, а верстальщику потом можно будет просто в спрайт собрать. Флеш все реже встречается.
    1 point
  5. Vin
    Да потому что текст белого цвета и съехал на область с белым фоном.
    1 point
  6. mishka
    Это всегда true если в табе есть блок с класом .bx-wrapper. Только сделано как масло маслянное. Проще выбрать элементы с таким класом: var bxWrapper = $cur.find(".bx-wrapper") и проверить длинну коллекции: bxWrapper.length Если элементов нету, то bxWrapper.length вернет 0, а if (0) не выполнится. можно и так. Только я на 90% уверен что если у тебя будет где-то слайдер, который не будет скрытым, то ты ему дашь такой же класс, и глобально проинитишь так: $('.bxslider').bxSlider({ pager: false, slideWidth: 545 });тоесть еще раз проинитишь слайдер для блоков в лайтбоксе. И если в плагине не предусмотрено чтобы 2 раза не инитить для одного элемента, то могут быть глюки. И снова будут вопросы почему так происходит. $(".tabs").tabs({ active: 0, activate: function(event, ui){ var $cur = ui.newPanel; if ($cur.hasClass("photo")) { var $curBxSlider = $cur.find(".bxslider"); if ($curBxSlider.length) { var bxSliderAPI = $curBxSlider.data('bxSlider'); if (bxSliderAPI) { bxSliderAPI.reloadSlider(); } } else { var bxSlider = $curBxSlider.bxSlider({ pager: false, slideWidth: 545 }); $curBxSlider.data('bxSlider', bxSlider); } } }});в данном случае можно сделать так. При переключении проверять если такой элемент, и есть ли у него апи слайдера. Если есть то рефрешить слайдер, если нет то проинитить его.
    1 point
  7. Z1gnet
    гугул вообще оперу не поддерживает и молодец
    1 point
  8. Z1gnet
    интересное кино получается. неведомая фигня ))) не знаю природу этого бага, но нашел способ как пофиксить. хром упорно просит что бы после подключения цсс подключали js, даже если у нас его нету. не знаю с чем это связано, но так оно и есть... впервые с таким сталкиваюсь. как бы там ни было если у вас нету джаваскриптов то просто вставте после подключения цсс такой код <script> </script> обязательно с пробелом! при чем можно вставлять где угодно, хоть перед закрывающимся body. если у кого есть объяснение сему поведению, буду рад услышать))
    1 point
  9. Z1gnet
    Добрый вечер. Уже поднималась данная тема и я отвечал. http://htmlforum.ru/index.php?showtopic=46607&p=311069 вот тут посмотри. Все должно работать
    1 point
  10. user89
    up
    1 point
This leaderboard is set to Kiev/GMT+02:00
×
×
  • 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